使用 onclick 打开漂亮的照片库？答案

【问题标题】：Open prettyPhoto gallery using onclick?使用 onclick 打开漂亮的照片库？
【发布时间】：2015-07-24 08:20:10
【问题描述】：

我正在尝试通过点击事件打开 prettyPhoto。当它是一张图片时，一切都很完美，但我需要打开一个画廊。请帮忙！

提前谢谢，对不起我的英语不好！

这是代码

HTML：

<a href="http://domain.com/bigimage.jpg" onclick="return fancybox(this);><img scr="http://domain.com/smallimage.jpg" /></a>

JS代码：

function fancybox(elem) {
    elem = jQuery(elem);
    //elem = jQuery('#gallery_one img').attr('src');

    if (!elem.data("fancybox")) {
        elem.data("fancybox", true);
        elem.prettyPhoto({
             opacity:0.80,
             default_width:500,
             default_height:344,
             theme:'light_square'
        });
        elem.prettyPhoto().trigger('click');
        alert(elem);
    }
return false; 
}

【问题讨论】：

标签： jquery prettyphoto

【解决方案1】：

JQUERY

<script type="text/javascript">

    function fancyboxmanual(elem) {
        jQuery("a[rel^='prettyPhoto']").prettyPhoto();
        elem = jQuery(elem);

        var gallery = "#" +elem.data("gallery");
        jQuery(gallery).find(".fancybox").eq(0).click();
        return false;
    }

</script>

HTML

<div class="marker point galeria" id="plaza-italia">

        <a class="manualfancybox" onclick='return fancyboxmanual(this);' data-gallery="gallery_italia" href="#nogo"> 
            <img src="mapa/referent-points/plaza-italia.jpg" width="100%"/>
        </a>

        <div id="gallery_italia" style="display:none">
            <a rel="prettyPhoto[galleryitalia]" class="fancybox" href="mapa/referent-points/plaza-italia.jpg" title="Plaza Italia">
                <img src="mapa/referent-points/plaza-italia.jpg" alt=""/>
            </a>
            <a rel="prettyPhoto[galleryitalia]" class="fancybox" href="mapa/referent-points/plaza-italia-2.jpg" title="Plaza Italia">
                <img src="mapa/referent-points/plaza-italia-2.jpg" alt=""/>
            </a>
            <a rel="prettyPhoto[galleryitalia]" class="fancybox" href="mapa/referent-points/plaza-italia-3.jpg" title="Plaza Italia">
                <img src="mapa/referent-points/plaza-italia-3.jpg" alt=""/>
            </a>
        </div>
</div>

【讨论】：