javascript - PrettyPhoto 画廊中的最后一张图片首先加载

Question

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 的脚本，我担心另一个脚本可能会以某种方式搞砸了。

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

Answer 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>