0

画像をクリックすると、透明な背景で飛び出したいです。

LightBoxとSuperBoxの両方を使ってみましたが、どちらの場合も画像が飛び出しますが、以下の問題に直面しています。

  1. 閉じるボタン、タイトルなどは表示されていません。
  2. URLに画像パスが表示されているので、ブラウザの戻るボタンをクリックしてWebサイトに戻る必要があります
  3. 背景が透明に表示されていません(画像が飛び出すときにWebページを非表示にしたくありません)。jQueryは初めてです。

私のDOMは次のようになります。

<script type="text/javascript">
$(document).ready(function() {
    $(".testing").click(function() {
        $('.testing').css('border', "3px solid white");
        var newsrc = $(this).attr("src");
        $('.testingMain').attr('src', newsrc);
        $(this).css('border', "3px solid grey");
    });
    $(".testing").click(function() {
        $('#gallery a').lightBox();
    });
});​
</script>

     <div id="leftmemberPan">
           <a href="/MyApp/images/${article.images[0].imageName}"><img src="/MyApp/images/${article.images[0].imageName}" alt="/MyApp/img/image_unavailable.jpg" class="testingMain"/></a>
        </div>
4

1 に答える 1

0

href`s#を画像リンクに置き換える必要があります

<a href="#"><img src="/MyApp/images/${image.imageName}" alt="/MyApp/img/image_unavailable.jpg" class="testing"/></a>

それが意図されているかどうかはわかりませんが、クリックをaではなくimg要素にバインドしています(そうあるべきだと思います)。

ライトボックスの初期化として、作成する必要があります

$('#leftmemberPan a').lightbox();
于 2012-08-09T14:00:04.627 に答える