 Bildlaufleiste - Code ändern für vertikale Anzeige |
Norah
Mitglied
Dabei seit: 16.10.2005
Beiträge: 400
 |
|
| Bildlaufleiste - Code ändern für vertikale Anzeige |
     |
Hi.. also ich habe hier einen Java-Skript-Code für eine horizontale Bildlaufleiste.. ist das möglich den Code irgendwie zu ändern, damit die Bildlaufleiste VERTIKAL funktioniert?!
| Zitat: |
<!-- präsentiert von kostenlose-javascripts.de -->
<script type='text/javascript'>
<!--
var sliderwidth = 550; // Breite des Sliders
var sliderheight = 80; // Höhe des Sliders
var slidespeed = 1; // Geschwindigkeit des Sliders
var slidebgcolor = "#FFFFFF"; // Hintergrundfarbe
var leftrightslide = new Array();
var copyspeed = slidespeed;
var i = 0;
/* HIER DIE LINKS UND BILDER ANPASSEN*/
leftrightslide[i++] = '<a href="0001.html"><img src="_files/images/thumbs/0001.jpg"></a>';
leftrightslide[i++] = '<a href="0004.html"><img src="_files/images/thumbs/0004.jpg"></a>';
leftrightslide[i++] = '<a href="0005.html"><img src="_files/images/thumbs/0005.jpg"></a>';
leftrightslide[i++] = '<a href="0006.html"><img src="_files/images/thumbs/0006.jpg"></a>';
leftrightslide[i++] = '<a href="0010.html"><img src="_files/images/thumbs/0010.jpg"></a>';
leftrightslide[i++] = '<a href="0011.html"><img src="_files/images/thumbs/0011.jpg"></a>';
leftrightslide[i++] = '<a href="0012.html"><img src="_files/images/thumbs/0012.jpg"></a>';
leftrightslide[i++] = '<a href="0013.html"><img src="_files/images/thumbs/0013.jpg"></a>';
leftrightslide[i++] = '<a href="0014.html"><img src="_files/images/thumbs/0014.jpg"></a>';
leftrightslide[i++] = '<a href="0015.html"><img src="_files/images/thumbs/0015.jpg"></a>';
leftrightslide[i++] = '<a href="0016.html"><img src="_files/images/thumbs/0016.jpg"></a>';
leftrightslide[i++] = '<a href="0023.html"><img src="_files/images/thumbs/0023.jpg"></a>';
leftrightslide[i++] = '<a href="0024.html"><img src="_files/images/thumbs/0024.jpg"></a>';
leftrightslide[i++] = '<a href="0026.html"><img src="_files/images/thumbs/0026.jpg"></a>';
leftrightslide[i++] = '<a href="0027.html"><img src="_files/images/thumbs/0027.jpg"></a>';
leftrightslide[i++] = '<a href="0030.html"><img src="_files/images/thumbs/0030.jpg"></a>';
leftrightslide[i++] = '<a href="0031.html"><img src="_files/images/thumbs/0031.jpg"></a>';
leftrightslide[i++] = '<a href="0033.html"><img src="_files/images/thumbs/0033.jpg"></a>';
/* AB HIER NICHTS MEHR ÄNDERN */
leftrightslide = '<nobr>' + leftrightslide.join(" ") + '</nobr>';
var iedom = document.all || document.getElementById;
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100;left:-3000">' + leftrightslide + '</span>');
var actualwidth = '';
var cross_slide, ns_slide;
function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2;
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3;
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide;
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth;
cross_slide2.style.left=actualwidth+20;
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2;
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3;
ns_slide.document.write(leftrightslide);
ns_slide.document.close();
actualwidth=ns_slide.document.width;
ns_slide2.left=actualwidth+20;
ns_slide2.document.write(leftrightslide);
ns_slide2.document.close();
}
lefttime=setInterval("slideleft()",30);
}
window.onload=fillup;
function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+
)
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed;
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+30;
if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+
)
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed;
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+30;
}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+
)
ns_slide.left-=copyspeed;
else
ns_slide.left=ns_slide2.left+actualwidth+30;
if (ns_slide2.left>(actualwidth*(-1)+
)
ns_slide2.left-=copyspeed;
else
ns_slide2.left=ns_slide.left+actualwidth+30;
}
}
if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>');
if (iedom){
document.write('<div style="position:relative;width:' + sliderwidth + ';height:' + sliderheight + ';overflow:hidden">');
document.write('<div style="position:absolute;width:' + sliderwidth + ';height:' + sliderheight + ';background-color:' + slidebgcolor + '" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">');
document.write('<div id="test2" style="position:absolute;left:0;top:0"></div>');
document.write('<div id="test3" style="position:absolute;left:-1000;top:0"></div>');
document.write('</div></div>');
}
else if (document.layers){
document.write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>');
document.write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>');
document.write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>');
document.write('</ilayer>');
}
document.write('</td></table>');
}
}
//-->
</script>
<br />
<div id="kostenlosejavascripts" align="center"><a href="http://www.kostenlose-javascripts.de" title="Schneeflocken" target="_blank">Schneeflocken auf deiner Homepage?</a></div>
<br />
<script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id="></script>
<!-- präsentiert von kostenlose-javascripts.de -->
|
(links für fotos müsste ich auch noch ändern..)
Wär echt klasse, wenn mir jemand helfen könnte..
LG Norah
|
|
26.11.2005 21:03 |
|
|
Julia
*Supernanny*
Dabei seit: 09.02.2005
Beiträge: 2.155
Herkunft: Ostfriesland
|
|
ich glaub du musst die breite und die höhe verändern also
var sliderwidth = 550; // Breite des Sliders
var sliderheight = 80; // Höhe des Sliders
|
|
|
02.12.2005 22:59 |
|
|
|
Impressum
|
