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

Javascript 在一个页面上创建多个smoothgallery对象,javascript,jquery,html,mootools,image-gallery,Javascript,Jquery,Html,Mootools,Image Gallery,我有一个网站,我想在一个页面上有几个幻灯片库。 我正在使用javascript和smoothgallery创建库。但我无法处理好几个画廊的物品。它只显示一个库,而忽略另一个库 这是我的javascript代码 <script type="text/javascript"> function startGallery() { var myGallery = new gallery($('myGallery'), {

我有一个网站,我想在一个页面上有几个幻灯片库。 我正在使用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>

函数startGallery(){
var myGallery=new gallery($('myGallery'){
时间:错,
是的,
嵌入链接:false
});
}
窗口。addEvent('domready',startGallery);
函数startGallery1(){
var myGallery1=新画廊($('myGallery1'){
时间:错,
是的,
嵌入链接:false
});
}
window.addEvent('domready',startGallery1);
这是我的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吗?如果它有点旧(MooTools 1.2)。还有,domready函数是错误的。尝试此代码而不是您的代码:我正在使用MooTools 1.2,我尝试了您的代码,但它仍然忽略了第二个库。您尝试了我发布的代码吗?是的。它产生与以前相同的结果。仍然忽略了第二个库,只触发了第一个库。您不能有重复的ID!解决办法在别处。。。也祝你圣诞快乐:)