Codice PHP:
function init() {
ida = new Array("boxnum1","boxnum2","boxnum3","boxnum4");
wrap = document.getElementById("bbox");
offw = wrap.offsetWidth;
//alert(offw);
dimensioni ();
window.setInterval("autoscroll()",20);
}
function autoscroll() {
//wrap.onMouseOver = return;
if (offw !== wrap.offsetWidth) {
dimensioni();
offw = wrap.offsetWidth;
}
var i;
for (i=0; i<ida.length; i++) {
off[i]--;
if (off[i] < 0-(offw/(ida.length-1))) { off[i] = offw; };
ogg[i].style.left = (off[i] + "px");
}
}
function dimensioni() {
ogg = new Array;
off = new Array;
var i;
for (i=0; i<ida.length; i++) {
ogg[i] = document.getElementById(ida[i]);
off[i] = (offw/(ida.length-1))*i;
ogg[i].style.left = (off[i] + "px");
//alert(ogg[i]);
}
}
ce l'ho fatta finalmente!
ho ancora una domanda:
perchè il codice commentato ( //wrap.onMouseOver = return; ) non funziona? vorrei che quando si passa con il mouse sul div contentente i blocchi in movimento lo scrolling si fermasse
PS: se qualcuno volesse usare il codice, init() va chiamata dopo aver caricato il codice html e css degli elementi da muovere, ad esempio alla fine della pagina.