1

fancyBox2を使用してiframeコンテンツのグループを表示しています。キーボードの矢印を使用し、コンテンツの右側または左側をクリックすることでコンテンツをナビゲートできますが、矢印を表示できません。矢印をホバーするだけでなく、常に表示されるように設定しましたが、それでも運がありません。一部のiframeにはクリック可能なコンテンツがあるので、ナビゲーションのためにコンテンツのどこでもクリックする機能をオフにできるようにする必要があります。また、そのオプションはスクロールバーに干渉します。

これが私のコードです

<!-- Add jQuery library -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

<!-- Add fancyBox -->
<link rel="stylesheet" href="../../../scripts/fancybox/source/jquery.fancybox.css?v=2.1.4" type="text/css" media="screen" />
<script type="text/javascript" src="../../../scripts/fancybox/source/jquery.fancybox.pack.js?v=2.1.4"></script>

<link rel="stylesheet" href="../../../scripts/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" type="text/css" media="screen" />
<script type="text/javascript" src="../../../scripts/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7"></script>

<script type="text/javascript">
    $(document).ready(function() {
    $(".fancybox").fancybox({
        fitToView   : false,
        autoSize    : false,
        closeClick  : false,
        openEffect  : 'none',
        closeEffect : 'none',
        showArrows  : true,
        arrows      : true,
        type        : 'iframe',
    });
});
</script>

そしてHTML

<a class="fancybox" rel="andyAdams" href="andyadams/one.html"><img src="thumbnailImages/adams1.jpg" height="150" width="150" alt="Andy Adams" /></a>

<a class="fancybox" rel="andyAdams" href="andyadams/two.html"><img src="thumbnailImages/adams2.jpg" height="150" width="150" alt="Andy Adams" /></a>

<a class="fancybox" rel="andyAdams" href="andyadams/three.html"><img src="thumbnailImages/adams3.png" height="150" width="150" alt="Andy Adams" /></a>

<a class="fancybox" rel="andyAdams" href="andyadams/four.html"><img src="thumbnailImages/adams4.jpg" height="150" width="150" alt="Andy Adams" /></a>

どんな助けでも大歓迎です！ありがとうございました！

4

2 に答える 2

0

私も同じ問題を抱えていました。私は最初、画像を別のフォルダー (css フォルダーではなく) に配置するのにうんざりしていて、それらをリンクするために css url を使用しました... 機能しませんでした... しかし、画像を同じ css フォルダーに配置すると... 機能しました...それを試してみてください...

于 2013-05-05T14:55:05.893 に答える
0

閉じるアイコンは表示されますか? 矢印と閉じるボタンはすべて にありますfancybox_sprite.png。画像スプライトのファイルの場所 ( background-imageonなどの CSS 内) が正しくない可能性があります。.fancybox-close相対 URL の代わりに絶対 URL を使用してみてください。(http://example.com/fancybox_sprite.pngの代わりに../fancybox_sprite.png)

于 2013-03-08T23:02:56.643 に答える