Mam problem z tym skryptem. Mianowicie działa on mi tylko pod IE nie wiem gdzie jest błąd gdyż nie znam JavaScript . W pozostałych przeglądarkach (FF, Opera) zdjęcia są wyświetlane ale się nie poruszają. Proszę o sprawdzenie kodu i pomoc w rozwiązaniu tego problemu.
Kod: Zaznacz cały
<script type="text/javascript">
function marquee(x,typ,p,l){
typ={
'up':[-1,'top','offsetHeight'],
'down':[1,'top','offsetHeight'],
'left':[-1,'left','offsetWidth'],
'right':[1,'left','offsetWidth']
}[typ];
var m=this,mOut,mIn,turlaj,T,i=typ[0],j=0,k=0,l=l||1/0,p=p||30;
(mOut=document.getElementById(x)).onmouseover=function(){T=clearInterval(T)};
mOut.appendChild((mIn=mOut.childNodes)[0].cloneNode(1));
mOut.onmouseout=function(e){
e=e||event;e=e.toElement||e.relatedTarget;
if(e)do{if(e==this)return!1}while(e=e.parentNode)
T=setInterval(turlaj,p)
};
mOut=mIn[0][typ[2]];
turlaj=function(){
if((k+=i)>l||k<0)i=-i;
mIn[0].style[typ[1]]=(-2*i*(j+=i)<(i-1)*mOut?(j=(-i-1)/2*mOut+i):j)+'px';
mIn[1].style[typ[1]]=j+mOut+'px';
}
T=setInterval(turlaj,p);
}
</script>
Kod: Zaznacz cały
<div id="id_przewijaczki" style="position: relative; width: 240px; height: 450px; overflow: hidden; padding: 0px 0px 0px 0px;">
<div style="position: absolute;">
<img src="image/img_1.jpg" width="240" height="180" border="0" alt="img_1">
<img src="image/img_2.jpg" width="240" height="180" border="0" alt="img_2">
<img src="image/img_3.jpg" width="240" height="180" border="0" alt="img_3">
<img src="image/img_4.jpg" width="240" height="180" border="0" alt="img_4">
<img src="image/img_5.jpg" width="240" height="181" border="0" alt="img_5">
<img src="image/img_6.jpg" width="240" height="180" border="0" alt="img_6">
<script type="text/javascript">
onl=window.onload||new Function;
onload=function(){
onl();
new marquee('id_przewijaczki','up')
}
</script>
</div>
</div>