Hallo!
Ich mache gerade eine Homepage für eine Freundin.. (für Präsentation ihrer Fotos..) und jetzt möchte ich auf der Linken seite in einem iFrame die Vorschau der Bilder in einer Bildlaufleiste anzeigen lassen.
Ich hab hier einen Script gefunden, der die Bilder so anzeigt wie eine Laufschrift und die einzelnen Bilder kann man anklicken um diese in einem anderen Frame anzuzeigen.
Jedoch ist dieses Script für eine Horizontale Bildlaufleiste und ich brauche diese VERTIKAL! Kann man das Script ändern oder hat jemand eines für vertikale Anzeige für mich?! Hab schon das ganze netz durchforstet..
ZitatAlles anzeigen
<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++] = '';
leftrightslide[i++] = '';
leftrightslide[i++] = '';
leftrightslide[i++] = '';
leftrightslide[i++] = '';
leftrightslide[i++] = '';
leftrightslide[i++] = '';
leftrightslide[i++] = '';
leftrightslide[i++] = '';
leftrightslide[i++] = '';
leftrightslide[i++] = '';
leftrightslide[i++] = '';
leftrightslide[i++] = '';
leftrightslide[i++] = '';
leftrightslide[i++] = '';
leftrightslide[i++] = '';
leftrightslide[i++] = '';
leftrightslide[i++] = '';/* 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>
<div id="kostenlosejavascripts" align="center">Schneeflocken auf deiner Homepage?</div>
<script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id="></script>
vielen Dank schonmal...!
LG Faith