Question

点击图片，我希望它与透明的bacground一起弹出。

我尝试使用LightBox和SuperBox，但在这两种情况下，虽然图像弹出，但我面临以下问题，

没有显示关闭按钮，标题等。
它在URL中显示图像路径，因此我必须单击浏览器后退按钮才能返回网站
它没有显示透明背景（我不想在图像弹出时隐藏我的网页）。我是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>

Answer 1

您必须将href的＃替换为您的图片链接

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

我不知道它是有意的，但你绑定点击img元素而不是a（我相信它应该是这样）。

作为一个lightBox初始化你应该

$('#leftmemberPan a').lightbox();

jQuery LightBox和Superbox无法正常工作

1 个答案: