http://wall.plasm.it/examples/example-the-wall/ - 图像的问题

时间:2012-09-06 21:35:38

标签: mootools javascript-framework imagesource

这对你来说可能是小菜一碟,但我现在在黑洞里,我不知道The Wall的问题是什么。我想做一些事情,如www.wall.plasm.it/examples/example-the-wall/。请 - 看看:www.megainstal.pl/没有任何图片。你可以帮忙解决它吗?我将非常感谢任何帮助/信息。

短篇小说: 1)我从github下载文件:https://github.com/plasm/the-wall 2)我只更改了3个文件:

01-wall.css, 
index.html, 
01-wall.js

(案例:基本)

3)在01-wall.js中我声明了图像:

var a = new Element("img[src=../../img/middle/"+counterFluid+".jpg]");

4)图像:1到76.jpg

你能指出我犯错误的地方吗?如果您要查看源文件 - 我将其全部压缩到一个文件中:www.megainstal.pl/files.zip

我与plasm的作者联系,他告诉我,我犯了错误: 1)宽度和高度尺寸图像 - 我改进了 2)window.addEvent(“domready”,function()...在01-wall.js中没有确定 - 我改进但我有疑问。请 - 看看代码:

// Define 01-wall.js
var maxLength    = 76; // 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=public/img/middle/"+counterFluid+".jpg]");
                            a.inject(e.node).fade("hide").fade("in");
//THERE
        // Behaviour on click
                                a.addEvent("click", function(e){
                                    // Get Movement
                                    if( wall.getMovement() ){
                                        //(move)
                                    }else{
                                        //(no move)
                                    }
                                })
//THERE
                        counterFluid++;
                        // Reset counter
                        if( counterFluid > maxLength ) counterFluid = 1;
                    })
                }
            });
// Init Fluid Wall
wallFluid.initWall();

请帮助我解决这个问题。我真的需要墙;)

0 个答案:

没有答案