PrettyPhoto 画廊中的最后一张图片首先加载答案

【问题标题】：PrettyPhoto Last Image in Gallery Loading FirstPrettyPhoto 画廊中的最后一张图片首先加载
【发布时间】：2012-04-18 14:40:03
【问题描述】：

http://2012.delineamultimedia.com/#home_portfolio

如果您将鼠标悬停在 BRIAN GUEHRING 的画廊上时单击会跳转的图标。您将激活 prettyPhoto 弹出式画廊。出于某种原因，它从图库中的最后一张图片开始。有没有办法解决这个问题，所以它从画廊中的第一张图片开始？

<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
    $("a[rel^='prettyPhoto']").prettyPhoto();
});
</script>

这是我用来启动 prettyPhoto 的脚本，我担心另一个脚本可能会以某种方式把它搞砸。

提前感谢您的宝贵时间！对此，我真的非常感激！

【问题讨论】：

我发现如果我在所有图像周围放置一个

但第一个它实际上解决了我的问题并从图像 1/ 开始4 不是 4/4。这个解决方案似乎有点老套，但它会起作用。如果有人知道一种不那么老套的方法，我会全力以赴！
我刚刚还发现我在 prettyPhoto 中图像链接周围的 span 标签可能是导致该错误的原因。如果有人想回答我的问题，请这样做，因为我在 stackoverflow 中还没有这些权限。谢谢！

标签： javascript jquery plugins prettyphoto portfolio

【解决方案1】：

是的，围绕所有图像，但第一个强制第一个图像为 1/x，并且画廊中带有 div 标签的后续图像按代码中列出的顺序显示...如果有更好的解决方案我很高兴听到它...这是我的示例代码：

    <div class="mask">  
    <a class="icon-image"
    href="../../images/Murals/Residential/GreekBath/GREEK_BATH_514X685.png"
    rel="GreekBath[gallery]"
    title="Flower Vase Detail">
    <i class="icon-search"></i>
    </a>
    <div style="display:none;">
    <a class="icon-image"
    href="../../images/Murals/Residential/GreekBath/FLOWER_VASE.png"
    rel="GreekBath[gallery]"
    title="Toilette">
    <i class="icon-search"></i>
    </a>
    </div>
    <div style="display:none;">
    <a class="icon-image"       
    href="../../images/Murals/Residential/GreekBath/TOILETTE.png"
    rel="GreekBath[gallery]"
    title="Greek Bathroom">
    <i class="icon-search"></i>
    </a>
    </div>
    </div>

【讨论】：