Question

我正在尝试使用这个mootools插件，但它根本不起作用，我知道我可能做错了但是我是一个设计而且我甚至不能接近能够编写JS，可以有人帮帮我吗？

这个插件来自我下载插件的URL并尝试应用它，名为/ thewall /的文件夹位于正确的目录中，我不知道为什么它不能正常工作

以下是插件http://mootools.net/forge/p/the_wall

的网址

我知道我可能会做一些愚蠢的事情，但它让我发疯，任何帮助都是令人沮丧的，并提前感谢帮助我

指向我拥有的文件的链接，以便您可以更好地查看它

http://www.megaupload.com/?d=T2YGRX79

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>The Wall</title>

    <script type="text/javascript" src="demos/mootools-1.3.1/mootools-core-1.3.1.js"></script>
    <script type="text/javascript" src="demos/mootools-1.3.1/mootools-more-1.3.1.1.js"></script>
    <script type="text/javascript" src="source/wall.js"></script>

    <script type="text/javascript">

    // Define The Wall
    var maxLength    = 100; // Max Number images
    var counterFluid = 1;
    var wallFluid = new Wall("wall", {
                    "draggable":true,
                    "inertia":true,
                    "width":150,
                    "height":150,
                    "rangex":[-100,100],
                    "rangey":[-100,100],
                    callOnUpdate: function(items){
                        items.each(function(e, i){
                            var a = new Element("img[src=/thewall/"+counterFluid+".jpg]");
                                a.inject(e.node).fade("hide").fade("in");
                            counterFluid++;
                            // Reset counter
                            if( counterFluid > maxLength ) counterFluid = 1;
                        })
                    }
                });
    // Init Fluid Wall
    wallFluid.initWall();

    </script>



    <style>
    /* Minimal Css Required */
    #viewport{
        width:900px;
        height:450px;
        position:relative;
        overflow:hidden;
        margin:0 auto;
        background:#212121;
    }

    #wall{
        z-index:1;
    }
    </style>   
    </head>
    <body>

        <div id="viewport">
        <div id="wall">
        </div>
        </div>

    </body>
    </html>

Wall插件无法正常工作

0 个答案: