画像をクリックすると、透明な背景で飛び出したいです。
LightBoxとSuperBoxの両方を使ってみましたが、どちらの場合も画像が飛び出しますが、以下の問題に直面しています。
- 閉じるボタン、タイトルなどは表示されていません。
- URLに画像パスが表示されているので、ブラウザの戻るボタンをクリックしてWebサイトに戻る必要があります
- 背景が透明に表示されていません(画像が飛び出すときに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>