Question

我目前所拥有的是一个预览窗口，当点击该窗口时，会隐藏显示包含图片库的div。然而，它是一个瞬间改变，我希望它是顺利的。图库是Smoothgallery。我找到了一种平滑扩展div的方法，但这打破了画廊。由于画廊以Mootools为基础，有人能够向我展示一种平滑扩展div的方法，同时使用mootools保持图像库完好无损吗？

<div id="initDiv"> 
    <?php if (has_thumbnail_image($post)) : ?>
        <div onClick="HideDIV('initDiv');animatedcollapse.show('mainDiv');startGallery();"><?php echo thumbnail_image_overlay($post, 580); ?></div>
    <? else: ?>
        <img src='http://localhost:8888/Bionic/bionic-wordpress/bionic-dev/wp-content/themes/bionic/images/black.jpg'>
    <?php endif; ?>
</div>

<div id="mainDiv" style="display:none;">
    <script type="text/javascript">
        function startGallery() {
            var myGallery = new gallery($('myGallery'), {
                timed: false,
                defaultTransition: "fadeslideleft"
            });
        }
        //window.onDomReady(startGallery);
    </script>
    <div id="myGallery">
    <?php echo all_images($post); ?>
    </div>
</div>

非常感谢任何帮助，谢谢。

修改

当我展开图库时，我在firebug中收到此错误：element.getElements不是函数（jd.gallery.js（第147行））。我取出了平滑的扩展，它消失了。

第二次编辑

我用来显示要扩展的div的代码：

<span onClick="HideDIV('initDiv');animatedcollapse.show('imgDiv');startGallery();><img></span>

Answer 1

错误表明JS库无法将其挂钩安装到DIV中（getElements（）不是HTML元素的标准函数）。你如何获得指向DIV的指针？的document.getElementById（）？或者您正在使用JS库的元素查找功能吗？

使用图片库（Javascript）交换div

1 个答案: