Hallo,
ich stehe als nicht-Javascript-Fachmann auch gerade vor dem Problem, "the wall" einzubinden. Mir ist klar, wie ich das Ganze in ein Template verpacke und im Seitenlayout einbinde. Auch das wall.js einbinden ist klar. Wie aber binde ich die eigenen Bilder ein?
Beispiel:
Code:
// 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=/your/folder/images/"+counterFluid+".jpg]");
a.inject(e.node).fade("hide").fade("in");
counterFluid++;
// Reset counter
if( counterFluid > maxLength ) counterFluid = 1;
})
}
});
// Init Fluid Wall
wallFluid.initWall();
Ich nutze in diesem Fall contao 2.11, und die entsprechenden Bilder liegen in tl_files/content/galerie... Hat jemand einen Tipp?