Sto provando a fare dei test Fx.Scroll di Mootools ma ho una anomalia con IE che non riesco a capire.
Con Firefox invece funziona perfettamente.
Questo è il codice:
<style>
.xx {float:left; width:300px; height:60px; background-color:#ccc;}
</style>
<div id="container" style="width:300px; overflow:hidden; height:60px;">
<div id="show" style="width:900px; height:60px; overflow:hidden;">
<div id="uno" class="xx">aaaaaaaaaaaaa</div>
<div id="due" class="xx">bbbbbbbbbbbbb</div>
<div id="tre" class="xx">ccccccccccccc</div>
</div>
</div>
<script>
var idx;
var divs;
window.addEvent('domready', function(){
divs = $$('div#show div');
idx=2; // parte dal terzo elemento per evidenziare l'errore
slider.periodical(1500);
});
function slider(){
var myFx = new Fx.Scroll('container').toElement(divs[idx]);
(idx < (divs.length-1)) ? idx += 1 : idx = 0;
}
</script>
Il problema riscontrato è il seguente:
la prima volta il DIV#tre viene posizionato correttamente poi "perde la posizione" e quindi non viene più spostato.
Ripeto su FF funziona perfettamente
Qualcuno sa darmi una mano.
Grazie
Rispondi quotando
