jqueryとprettyphotoの覚え書き。
サイトにポップアップで画像や動画を表示するprettyphotoの覚え書き。
いつか忘れると思ったのでメモっておきます。
・どこかからjqueryとprettyphotoをダウンロードしておく
・使用するhtmlの<head>内に以下を貼る
<script src="jquery-1.4.4.min.jsのパス" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="prettyPhoto.cssのパス" type="text/css" media="screen" charset="utf-8" />
<script src="jquery.prettyPhoto.jsのパス" type="text/javascript" charset="utf-8"></script>
・使用するhtmlの<body>内に以下を貼る
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto();
});
</script>
あとは画像や動画のリンク<a>の中ににrel="prettyPhoto"を追加。再生サイズを指定する場合は動画URLの後ろに?width=640&height=460など、再生サイズを付ける。
最近のコメント