1

ライトボックスの代替手段として、Fancybox を試しています。しかし、私はそれを機能させることができないようです。画像が常にライトボックスではなく新しいタブ/ウィンドウで開きます。独自のコードの実装と元のコードでテストしました。

独自のコード: http://www.demoeial.be/devversion/artikels/10369/Studentenraad-van-Louvain-la-Neuve-sluit-zich-weer-aan-bij-de-FEF.dhtml

元のコード: http://www.demoeial.be/devversion/fancybox/test.php

何か案は？干渉している可能性のあるコードを追加/削除しようとしましたが、機能させることができません。

コード

頭:

<script type="text/javascript" src="http://www.demoeial.be/devversion/js/jquery.min.js"></script>
<script type="text/javascript" src="http://www.demoeial.be/devversion/js/jquery.mousewheel-3.0.6.pack.js"></script>
<script type="text/javascript" src="http://www.demoeial.be/devversion/js/fancybox/jquery.fancybox.js?v=2.1.1"></script>
<link rel="stylesheet" type="text/css" href="http://www.demoeial.be/devversion/css/fancybox/jquery.fancybox.css?v=2.1.1" media="screen" />


<script type="text/javascript">
    $(document).ready(function() {
        /*

        /*
         *  Different effects
         */

        // Change title type, overlay closing speed
        $(".fancybox").fancybox();
       }
</script>

本体：

<div id='article'><div id='articletitle'>Studentenraad van Louvain-la-Neuve sluit zich weer aan bij de FEF</div>
                  <div class='publication_date'>Artikel gepubliceerd op 18 Oktober 2012 om 12:57</div><div id='sidebarpics'><a class='fancybox' href='http://media.demoeial.be/photos/2012/10/10369_509_xl.jpg' title='' rel='fancybox' ><img src='http://media.demoeial.be/photos/2012/10/10369_509_side.jpg' width='280' alt='' /></a><div class='imagedescription_side'></div></div>
4

1 に答える 1

1

HTML ページの 19 行目で、

$(document).ready(function() {

しかし、あなたはそれを閉じません

次のようなコードが必要です。

$(document).ready(function() {
     // Change title type, overlay closing speed
     $(".fancybox").fancybox();
});

たとえば、firebug コンソールでエラーが表示されます。

于 2012-10-18T19:34:51.927 に答える