0

これは初めてですが、進歩しています。Fancybox をライトボックスとして使用していますが、1 つのサムネイルで複数の画像を開きたいと考えています。私はこのフィドルを見つけました:

HTML:

<a class="fancybox" href="http://fancyapps.com/fancybox/demo/1_b.jpg"><img src="http://fancyapps.com/fancybox/demo/1_s.jpg" alt=""/></a>

<div class="hidden">
<a class="fancybox" href="http://fancyapps.com/fancybox/demo/2_b.jpg"><img src="http://fancyapps.com/fancybox/demo/2_s.jpg" alt=""/></a>

<a class="fancybox" href="http://fancyapps.com/fancybox/demo/3_b.jpg"><img src="http://fancyapps.com/fancybox/demo/3_s.jpg" alt=""/></a>
</div>

CSS:

.hidden {
    display: none;
}

Javascript:

$(".fancybox")
    .attr('rel', 'gallery')
    .fancybox({
        padding : 0
    });

HTML をコピーしてドキュメントに貼り付けました。画像は表示されますが、すべてサムネイルです。右上の CSS を取り出し、fancybox.css ファイルに貼り付けます。これで 3 つの画像が 1 つのサムネイルになりましたが、ページ上の他の画像も含まれています。上記のjsfiddleドキュメントのHTMLボックスの下に.jsを追加する必要がありますが、このコードを追加する必要があるファイルについて困惑しています。

4

1 に答える 1

0

ジェフが例を挙げて説明しようと提案したように、あなたの質問は実際には明確ではありません。コードのこの部分を意味する場合

$(".fancybox")
    .attr('rel', 'gallery')
    .fancybox({
        padding : 0
    });

これは、このファンシー ボックスを配置する html ページに追加する必要があります。これを の中に<script></script>配置して、page loadイベントに配置します。

于 2013-01-23T02:22:18.447 に答える