Question

我正在使用prettyphoto for gallery。为了达到目的，当我点击相册的封面图片时，该相册的图像将通过prettyphoto显示。除了图像没有显示外，一切正常。码： 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部分为null。任何建议都是受欢迎的。

Answer 1

Sammy，我认为有可能是你有多张具有相同albid值的图像。因此，当您触发针对prettyPhoto的点击时，所有这些都会被点击。

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

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

OR

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

享受....

图像没有在prettyphoto中显示

1 个答案: