Я пытаюсь использовать этот плагин 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>