Плагин стены не работает, хотя он находится в / thewall /, правильном каталоге - PullRequest
Новая
       32

Плагин стены не работает, хотя он находится в / thewall /, правильном каталоге

2 голосов
/ 23 июля 2011

Я пытаюсь использовать этот плагин mootools, но он совсем не работает

Этот плагин с этого URL Я скачал плагин и попытался применить его, папка с именем /thewall/ находится в правильном каталоге, я понятия не имею, почему он не работает

Здесь - это URL плагина.

Вот мой код: 

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