0

サムネイルのクリックで jquery ライトボックス ギャラリーを呼び出そうとしています。しかし、うまくいきません。

これがhtmlコードです-

<a class="launchlightbox" href="#"><img src="image_thumb.jpg" alt="" class="small_image"></a>

<div id="gallery">
    <a class="lightboxgallery" href="image1.jpg" id="counter-1"><img src="image1.jpg"></a>
    <a class="lightboxgallery" href="image2.jpg" id="counter-2"><img src="image2.jpg"></a>
    <a class="lightboxgallery" href="image3.jpg" id="counter-3"><img src="image3.jpg"></a>
</div>

ギャラリーを呼び出す Jquery コードを作成しました。

$('.launchlightbox').click(function(e){
     e.preventDefault();    
     $(this).next('.lightboxgallery').lightBox();
});

しかし、それは私を助けません。Jquery ライトボックス プラグイン用の JS および CSS ファイルも含まれています。

別のサムネイル クリックでライトボックス ギャラリーを呼び出すソリューションはありますか? 私を助けてください。

4

1 に答える 1

0

jQuery/jQuery Lightbox のみを含めていることを確認してください。

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.lightbox-0.4.js"></script>

CSS があることを確認します (および media="screen" があることを確認します)。

<link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.4.css" media="screen" />

また、ライトボックスを開始するために使用しているコードは必要ありません。クリックしたリンクを参照して、他の何かでライトボックスを開始する必要はありません。

$('a.launchlightbox').click(function(){
    $("a.lightboxgallery").first().lightBox();
    return false;
});

また、ライトボックスは、呼び出された a タグの href 属性にある URL からlightBox()(リンク内のイメージ タグからではなく)イメージをロード#gallery aするため、最初から節約できるすべてのイメージ タグを削除できます。大量の巨大な画像をロードしています。

于 2013-01-09T21:59:09.837 に答える