图像未显示在漂亮照片中答案

【问题标题】：image not showing in prettyphoto图像未显示在漂亮照片中
【发布时间】：2013-09-20 11:28:56
【问题描述】：

我正在使用漂亮的照片作为画廊。为此，当我单击专辑的封面图像时，该专辑的图像通过漂亮照片显示。除了图像未显示外，一切正常。代码： 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 部分为空。欢迎提出任何建议。

【问题讨论】：

控制台是否显示错误
@muthu No .... 控制台没有错误
你能打印出漂亮照片["+albumId+"]']
@muthu 在 javascript 中发出警报时，它会发出警报 [object Object]。这是错误吗？
不。这不是错误。你可以在jsfiddle中添加你的代码吗？

标签： javascript jquery prettyphoto

【解决方案1】：

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

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

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

或

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

享受....

【讨论】：