jquery - jQuery LightBox 和 Superbox 不工作

Question

单击图像时，我希望它与透明的免费一起弹出。

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

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

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

我不知道这是有意的，但您将 click 绑定到一个 img 元素而不是 a （我相信它应该是这样）。

作为一个灯箱初始化你应该做

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