Salve, avrei bisogno di un aiutino con uno script per la visualizzazione dei banner in java, ho trovato uno script che fa al caso mio, questo
http://javascript.html.it/demo/javas...11/esempio.htm
ma i banner scorrono dal basso verso l'alto, ho trovato il modo di modificarlo per renderlo ideale alla mia pagina ma non riesco fare in modo che le immagini scorrano da destra verso sinistra, qualcuno potrebbe aiutarmi?
Grazie in anticipo
Buon natale a tutti
Ok sono riuscito nel mio intento, le immagini ora scorrono in orizzontale al posto che in verticale.
Ma e' evidente che faccio qualche errore perche non esegue il loop, le immagini caricate sono 1-2-3-4-5-6-1-2-3-4-5-6 arrivato al secondo 6 dovrebbe tornare al primo 1 ma in realta finisce l'animazione come si puo' vedere qui http://www.lampeggio.it/provabanner/
Invece nel file originale questo non accade e la visualizzazione e' continua come si puo' vedere qui http://javascript.html.it/demo/javas...11/esempio.htm
Posto di seguito il codice del file js in modo che potete provare a vedere se individuate l'errore
/* usage
<body>
<div id="slideCont" style="position:relative;y-index:1;width:1740px;left:0px;overflow:hidden;">
<div id="slideA" style="position:absolute;y-index:1;left:0px;left:0px;width:1740px;overflow:hi dden;">
your banners (images inside anchor tags)
<div id="slideB" style="position:relative;y-index:1;left:0px;left:0px;width:1740px;overflow:hi dden;">
your banners (images inside anchor tags)
</div>
</div>
</div>
</body>
In order the have the script working in FireFox as well you need a proper "DTD" to prevent the browser's "quirksmode".
Please see http://www.quirksmode.nl/ for more details.
Or in case you experience problems, copy and paste next line on top of your webpage:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
*/
function clip() {
// width of the banner container
var contWidth = 1740;
// height of the banner container
var contHeight = 80;
var id1 = document.getElementById('slideA');
var id2 = document.getElementById('slideB');
var height = id1.offsetHeight;
id1.style.left = parseInt(id1.style.left)-1 + 'px';
document.getElementById('slideCont').style.height = contHeight + "px";
document.getElementById('slideCont').style.clip = 'rect(auto,'+ contWidth +'px,' + contHeight +'px,auto)';
id2.style.display = '';
if(parseFloat(id1.style.left) == -(height/2)) {
id1.style.left = '0px';
}
setTimeout(clip,50)
}
// Multiple onload function created by: Simon Willison
// http://simon.incutio.com/archive/200...6/addLoadEvent
function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
if (oldonload) {
oldonload();
}
func();
}
}
}
addLoadEvent(function() {
clip();
});
non c'e' nessuno in grado di aiutarmi???
Non è detto che sia questo ma provare non costa nulla, inserisci le immagini anche in
<div id="slideB"></div>
come è nell'esempio di html.it, mentre nel tuo e vuoto.
Cavicchi Andrea
Problemi con javascript, jquery, ajax clicca qui
ci ho provato, ma ovviamente fa lo stesso errore sovrapponendo pero' le immagini dello slide A con quello B
Bisognerebbe dirgli che deve far partire lo slide B al termine di A e successivamente lo slida A al termine di B in modo diventi un loop
Qui e' quello che ho fatto
http://www.lampeggio.it/provabanner/index3.html
non c'e' nessuno in grado di aiutarmi?
ho trovato almeno un errore. Non risolve il problema ma e' sicuramente sbagliato
i due div che contengono le immagini devono essere uno dopo l'altro mentre tu ne hai messo uno dentro l'altro.
Dopodiche' segui il consiglio di cavicchiandrea e metti 6 immagini in un div e 6 nell'altro div.
Tu hai messo invece tutte e 12 le immagini nel primo div. E dentro questo ci hai messo il secondo senza immagini!.
Poi dovrai modificare un po' css e javascript, ma se sei riuscito a sistemare le cose per il primo div ce la farai anche per il secondo.
Buon lavoro
Permessi di invio
Rispondi quotando