Javascript 如何自动启动nanoGallery？

我有一个图像库，使用

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

我的代码

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

怎么做。。。？

---

提前感谢您的帮助

可以在第一个元素上模拟单击事件。您需要向保存第一个映像的div添加ID、Class或data属性，然后使用jquery可以执行以下操作：

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

---

您可以使用深度链接来使用URL参数实现这一点

例如：

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

---

更多示例：

autostart是什么意思？当它自动启动时，它应该做什么？在图像库加载后，我想模拟单击第一个元素以全屏模式显示它。您有任何示例代码吗？第一个元素是什么我在问题中插入了代码您需要在loadGallery功能之后将该代码放入document ready功能中还有什么容器可以容纳您将被单击的图像？我的代码的目标是类为.nanoGalleryContainer的容器中的第一个div