Question

我需要在加载页面时自动启动它。

我的代码

<script>

    function myThumbnailDisplayEffect($elt, item, eltNumber) {
        $elt.css({'transform-origin': 'top right', 'rotate': '10deg', 'top':'-30px'});
        $elt.delay(eltNumber*30).transition({ 'rotate': '0deg', 'opacity':'1', top:'0px'},700);
        $elt.find('.nanoGalleryThumbnailContainer').click();

    }



    function loadGallery(){
        jQuery("#gallery").nanoGallery({thumbnailLabel:{display:false},
            colorSchemeViewer:'light',
            viewer:{display:false},
            thumbnailHoverEffect:'imageOpacity50',
            thumbnailWidth: 200,
            thumbnailHeight: 133,
            lazyBuild:'loadData',
            thumbnailLazyLoad:true,
            fnThumbnailDisplayEffect:myThumbnailDisplayEffect

        });
    }

    $(document).ready(loadGallery());
</script>

怎么做......？在此先感谢您的帮助！

Answer 1

您可以在第一个元素上模拟点击事件。您需要将ID或类或数据属性添加到包含第一个图像的div，然后使用jquery执行此操作：

var firstElement = $('.nanoGalleryContainer').children()[0];
$(firstElement).trigger('mouseenter').trigger('click');

Answer 2

您可以使用深层链接来使用网址参数实现此目的。

例如：http://nanogallery.brisbois.fr/nanogallery_demo3.html#nanogallery/nanoGalleryExample/5870136791457517345/5871255268929586546

要启用此功能，您必须将插件参数 locationHash 设置为 true 。

更多示例：http://nanogallery.brisbois.fr/nanogallery_demo3.html

如何自动启动nanoGallery？

2 个答案: