Salve, ho questo script che mi permette di visualizzare le immagini in sequenza, però in mozilla funziona perfettamente, mentre in IE mi dispone tutte le immagini in modo verticale senza alcun effetto, come mai?
Posto il codice
Tra i tag Head:
Mentre nel body:
Spero di essere stato abbastanza chiaro.
Grazie
Posto il codice
Tra i tag Head:
HTML:
<link href="css/mb.scrollable.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript" src="inc/mbScrollable.js"></script>
<script type="text/javascript">
$(function(){
if (self.location.href == top.location.href){
$("body").css({font:"normal 13px/16px 'trebuchet MS', verdana, sans-serif"});
}
$("#myScroll").mbScrollable({
width:570,
elementsInPage:1,
elementMargin:2,
shadow:"#999 2px 2px 2px",
height:"auto",
controls:"#controls",
slideTimer:600,
autoscroll:true,
scrollTimer:4000
});
setTimeout(function(){
$("#wrapper").fadeIn();
},2000);
});
</script>
Mentre nel body:
HTML:
<div id="wrapper">
<div id="myScroll">
<div class="scrollEl" style="background-color:#9999ff">Apri il tuo negozio online</div>
<div class="scrollEl" style="background-color:#cc9900">Virocommerce il negozio virtuale per tutti</div>
<div class="scrollEl" style="background: url('images/abstract_032908_18.jpg')">3</div>
<div class="scrollEl" style="background-color:#009966">4</div>
<div class="scrollEl" style="background-color:#6600ff">5</div>
<div class="scrollEl" style="background-color:#9999ff">6</div>
<div class="scrollEl" style="background-color:#33cc00">7</div>
<div class="scrollEl" style="background-color:#cc00cc">8</div>
<div class="scrollEl" style="background-color:#009999">9</div>
<div class="scrollEl" style="background-color:#ff66ff">10</div>
</div>
<div id="controls" align="center">
<div class="first">inizio</div><div class="prev">indietro</div>
<div class="next">prossima</div><div class="last">ultima</div>
<div class="pageIndex"></div>
<div class="start">start</div><div class="stop">stop</div>
</div>
</div>
<br />
<div align="center">
Spero di essere stato abbastanza chiaro.
Grazie