ポートフォリオのウェブサイトを構築していますが、ファンシーボックスを使用してシンプルなギャラリーを作成したいと思います。
1つのセクションのすべての画像を1つのフォルダー(「gallery1」)内に配置し、ユーザーがフォルダー内のすべての画像をクリックできるようにします。
これは私のhtmlです:
<div class="content_image" rel="gallery" href="image01_large.jpg" ><img src="gallery1/image01_small.jpg"/></div>
このjQueryスクリプトを使用しようとしていますが、機能していません。
<script type="text/javascript">
$("div[rel=gallery]").fancybox({
'transitionIn' : 'none',
'transitionOut' : 'none',
'titlePosition' : 'over',
'titleFormat' : function(title, currentArray, currentIndex, currentOpts) {
return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' ' + title : '') + '</span>';
}
});
</script>
どんな助けでも大いに感謝されるでしょう!