Przeszukaj forum
Pokazywanie wyników dla tagów 'rotator javascript'.
Znaleziono 1 wynik
-
Witam, Posiadam pewien skrypt. Skrypt to alternatywa dla <marquee> , która jest zapętlona i wyświetla obrazki non stop. Niestety w poziomie, a chciałbym aby było to w pionie (od góry do dołu lub odwrotnie) <script type="text/javascript">[/color] [color=#333333] var preloads=[];[/color] [color=#333333]function preload(){ for(var c=0;c<arguments.length;c++) { preloads[preloads.length]=new Image(); preloads[preloads.length-1].src=arguments[c];[/color] [color=#333333] }[/color] [color=#333333]} preload('anim.gif','anim1.gif','anim2.gif', 'anim3.gif','anim4.gif','anim5.gif'); /* add your images here*/[/color] [color=#333333]function init(){[/color] [color=#333333] url=['#','#','#','#','#','#']; /* add your links here */[/color] [color=#333333] speed=20; /* this is the scroll speed */ boxWidth=4/preloads.length; /* this is the scroller box width controller */[/color] [color=#333333] pic=[]; anc=[]; dv=[]; obj1=document.getElementById('outer');[/color] [color=#333333]for(i=0;i<2;i++) { dv[i]=document.createElement('div'); dv[i].setAttribute('id','inner'+i); for(c=0;c<preloads.length;c++) { pic[c]=document.createElement('img'); pic[c].setAttribute('src',preloads[c].src); anc[c]=document.createElement('a'); anc[c].setAttribute('href',url[c]); anc[c].appendChild(pic[c]); dv[i].appendChild(anc[c]); } obj1.appendChild(dv[i]) } obj1.style.display='block';[/color] [color=#333333] obj2=document.getElementById('inner0'); obj3=document.getElementById('inner1');[/color] [color=#333333] k=obj3.offsetWidth;[/color] [color=#333333] obj2.style.width=obj3.style.left= obj3.style.width=k+'px';[/color] [color=#333333] obj1.style.width=k*boxWidth+'px'; obj1.style.height=obj2.offsetHeight+'px';[/color] [color=#333333] j=0; n=k;[/color] [color=#333333] scroll();[/color] [color=#333333]obj1.onmouseover=function(){ clearTimeout(scroller);[/color] [color=#333333]}[/color] [color=#333333]obj1.onmouseout=function(){ return scroll(); } }[/color] [color=#333333]function scroll() { if(j==-n){ j=n; } j--; if(k==-n){ k=n; } k--;[/color] [color=#333333] obj2.style.left=j+'px'; obj3.style.left=k+'px';[/color] [color=#333333] scroller=setTimeout(function(){scroll()},speed); } if(window.addEventListener){ window.addEventListener('load',init,false); } else { if(window.attachEvent){ window.attachEvent('onload',init); } } </script>[/color] [color=#333333]<div id="outer"></div> Lecz nie wiem jak zmienić orientację z poziomej na pionową. Czy mógłby mi ktoś pomóc?