Problem with images showing up on the wall #12
Description
Hi I cant seem to manage to get the wall to display any photos, i tried creating the wall just on an empty page just to test it.
Any help would be very much appreciated! Thanks in advanced.
HTML:
<!doctype html>
<title>Untitled Document</title> <script src="js/jquery-ui-1.8.18.custom.min.js"></script> <script src="mootools-more-1.3.2.1.js"></script> <script src="wall.js"></script><div id="viewport">
<div id="wall"></div>
</div>
<!-- END Viewport and Wall -->
CSS:
@charset "utf-8";
/* CSS Document */
html {
width:100%;
height:100%;
background:url(logo.png) center center no-repeat;
}
/* Minimal Css Required */
#viewport{
width:900px;
height:450px;
position:relative;
overflow:hidden;
margin:0 auto;
background:#111111 ;
}
#wall{
z-index:1;
}
// Define The Wall
var maxLength = 100; // Max Number images
var counterFluid = 1;
var wallFluid = new Wall("wall", {
"draggable":true,
"inertia":true,
"width":200,
"height":200,
"rangex":[-100,100],
"rangey":[-100,100],
callOnUpdate: function(items){
items.each(function(e, i){
var a = new Element("img[src=/images/"+counterFluid+".jpg]");
a.inject(e.node).fade("hide").fade("in");
counterFluid++;
// Reset counter
if( counterFluid > maxLength ) counterFluid = 1;
})
}
});
// Init Fluid Wall
wallFluid.initWall();
