2012-08-09 55 views
0

点击图片时,我想让它弹出透明为空。jQuery LightBox和Superbox不起作用

我试图同时使用灯箱和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> 
+0

你可以发布一个链接到你的网站? – Fresheyeball 2012-08-09 13:54:44

回答

0

你必须与你的图片链接替换href`s#

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

我不知道它意,但你要绑定点击img元素不是一个(我相信它应该是这样)。

作为初始化您的收藏夹应该

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