0

我正在将漂亮照片用于图库。为此，当我单击专辑的封面图片时，该专辑的图像会通过漂亮照片显示。除了图像未显示外，一切正常。代码：html

<div id="album_5" class="album_images" style="display:none">
<div class="albumimgs">
<a albumid="5" title="" href="http://localhost/sharepoint/image/album/1000/0/album_309_1379593500.jpg" rel="prettyPhoto[5]">
<img src="http://localhost/sharepoint/image/album/400/400/album_309_1379593500.jpg">
</a>
</div>
</div>

这里 5 是专辑 ID。

JavaScript 代码：

$('img').live('click', function(){ //click the album cover img
  var parents = $(this).parents('div.albums');
  var albumId = parents.find('a').attr('rel');
  var url = 'js/jquery.prettyPhoto.js';
  $.getScript(url)
     .done(function(){
        $("a[rel^='prettyPhoto["+albumId+"]']").prettyPhoto({
            theme:'pp_kalypso',
            deeplinking: false
       });
       $('div#album_'+albumId).find('a[albumid="'+albumId+'"]').trigger('click');
  });
})

必须显示图像的 prettyphoto() 的 div 部分为空。欢迎任何建议。

4

1 回答 1

0

Sammy，我认为可能是您有多个图像具有相同的白蛋白值。因此，当您触发漂亮照片的点击时，所有这些都会被点击。

尝试使用eq()或:first作为

$('div#album_'+albumId).find('a[albumid="'+albumId+'"]:eq(0)').trigger('click');

或者

$('div#album_'+albumId).find('a[albumid="'+albumId+'"]:first').trigger('click');

享受....

于 2013-09-20T12:28:48.870 回答