Orientacja pionowa i pozioma (jak zmienić)

[Adrian Mazurek 0]

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?

[xorg 693]

Zainteresuj się pluginami typu jCarousel, jCarouselLite etc.