Question

我有一个网站，我希望在一个页面上有几个幻灯片库。我正在使用javascript和smoothgallery来创建画廊。但我不能让它与几个画廊的对象一起工作。它只显示一个画廊而忽略了另一个画廊。

这是我的javascript代码。

<script type="text/javascript">
        function startGallery() {
            var myGallery = new gallery($('myGallery'), {
                timed: false,
                useReMooz: true,
                embedLinks: false
            });
        }
        window.addEvent('domready',startGallery);
        function startGallery1() {
            var myGallery1 = new gallery($('myGallery1'), {
                timed: false,
                useReMooz: true,
                embedLinks: false
            });
        }
        window.addEvent('domready',startGallery1);
</script>

这是我的HTML代码。

<div id="myGallery" style="float:right; text-align:left;">
            <div class="imageElement">
                <a href="samples2/1.jpg" title="open image" class="open"></a>
                <img src="samples2/1-gallery.jpg" class="full" />
                <img src="samples2/1-mini.jpg" class="thumbnail" />
            </div>
            <div class="imageElement">
                <a href="samples2/2.jpg" title="open image" class="open"></a>
                <img src="samples2/2-gallery.jpg" class="full" />
                <img src="samples2/2-mini.jpg" class="thumbnail" />
            </div>

</div>
<div id="myGallery1" style="float:left; text-align:left;">
            <div class="imageElement">
                <a href="samples2/3.jpg" title="open image" class="open"></a>
                <img src="samples2/3-gallery.jpg" class="full" />
                <img src="samples2/3-mini.jpg" class="thumbnail" />
            </div>
            <div class="imageElement">
                <a href="samples2/4.jpg" title="open image" class="open"></a>
                <img src="samples2/4-gallery.jpg" class="full" />
                <img src="samples2/4-mini.jpg" class="thumbnail" />
            </div>

</div>

如何让它工作并实际看到myGallery和myGallery1彼此相邻？

谢谢！

在一个页面上创建多个smoothgallery对象

0 个答案: