Bonjour j'ai trouver un p'tit effet sympas mais je n'arrive pas à la faire fonctionner correctement. Je vous invite donc à venir le voire à cette adresse. L'exemple fonctionne bien avec quand j'essaye avec les images ça foire.
http://wall.plasm.it/
dans le script de configuration (dossier image à la rascine)
http://wall.plasm.it/
#viewport{
width:600px;
height:600px;
position:relative;
overflow:hidden;
margin:40px auto;
background:#212121;
}
/* Wall */
#wall{
z-index:1;
}
<div id="viewport">
<div id="wall"></div>
</div>
dans le script de configuration (dossier image à la rascine)
var maxLength = 100; // Max Number images or array length
var counter = 1;
var wall = new Wall("wall", {
"width": 150,
"height": 150,
"rangex": [-100,100],
"rangey": [-100,100],
callOnUpdate: function(items) {
items.each(function(e, i) {
var a = new Element("img[src=/images/"+counter+".jpg]");
a.inject(e.node).fade("hide").fade("in");
counterFluid++;
// Reset counter
if( counter > maxLength ) counter = 1;
})
}
});
// Init Wall
wall.initWall();