Question

出于某些原因，我不知道，prettyPhoto正在反向加载图片。它首先打开最后一张照片，然后你可以猜到，你可以选择看到上一张照片一直回到第一张照片。我根据文档设置了prettyPhoto，但是我没有达到预期的效果。不知道我做错了什么。

这是一份工作副本：radiant.dreamhosters.com

Answer 1

这有点奇怪，但我相信我解决了它。

问题如果您查看要点击的链接打开图库，您将看到链接指向图库列表中的最后一个图像。即画廊链接到“images / inventory / 1 / 5.jpg”，这是你的最后一张照片

因此它会将您带到图库中的最后一张图片，因为这是您点击的内容，您没有反向加载图片，而是选择最后一张图片。

修复

我所做的是通过css类给你的顶部图像链接一个css z-index，这样就是你点击的图像。用你的代码测试它，它对我有用。

像这样：

< style> .first_img{ z-index: 10; } < /style >




< a class="first_img project_hoverPhoto" href="images/inventory/1/1.jpg" rel='prettyPhoto[1]'>




   <a class="project_hoverPhoto" href="images/inventory/1/3.jpg" rel='prettyPhoto[1]'></a>
   <a class="project_hoverPhoto" href="images/inventory/1/4.jpg" rel='prettyPhoto[1]'></a>
   <a class="project_hoverPhoto" href="images/inventory/1/5.jpg" rel='prettyPhoto[1]'></a>

    <img src="images/inventory/1/sm.jpg" alt="" width="280" height="140" /><div id="comments"><a class="comments" rel="#">$9,999.99</a></div>
     <h5>2003 Audi A4 Turbo</h5>

< a class="first_img project_hoverPhoto" href="images/inventory/1/1.jpg" rel='prettyPhoto[1]'>

Answer 2

我看到你只想要每个画廊的缩略图。要实现此结果，API将是更好的选择。在该页面下查找“公共API”文档：http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/documentation/

images = ['images / fullscreen / image1.jpg'，'images / fullscreen / image2.jpg'，'images / fullscreen / image3.jpg']; titles = ['Title 1'，'Title 2'，'Title 3']; description = ['描述1'，'描述2'，'描述3'] $ .prettyPhoto.open（图像，标题，描述）;

希望这有帮助：）

prettyPhoto以反向方式加载照片

2 个答案: