Zimtgruen
Erfahrenes Mitglied
Hallo,
ich habe hier im Internet ein script für eine Slideshow gefunden, die Slideshow funktioniert auch einwandfrei, aber nicht wenn ich sie in eine Tabelle mit nur einer spalte einfüge, also in folgendem Code, dann werden alle bilder unter einander sichtbar angezeigt und nicht so, dass man nur ein bild sieht, dann auf bild2 klickt und dann das nächste erscheint, also kurz gesagt der slide-effekt ist weg:
kann mir da jemand vielleicht helfen?
ich habe hier im Internet ein script für eine Slideshow gefunden, die Slideshow funktioniert auch einwandfrei, aber nicht wenn ich sie in eine Tabelle mit nur einer spalte einfüge, also in folgendem Code, dann werden alle bilder unter einander sichtbar angezeigt und nicht so, dass man nur ein bild sieht, dann auf bild2 klickt und dann das nächste erscheint, also kurz gesagt der slide-effekt ist weg:
Code:
<div align="center">
<table width="450" border="1">
<tr>
<td colspan="3" background="http://kronbuehl.kr.funpic.de/seiten/grafiken/pattern.jpg"
style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px
solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px
solid"><div align="center">
<b>Titel</b></div></td>
</tr>
<tr>
<td style="border:1px solid #000000"><div align="center">
<script language=javascript>
////////////////////////////////////////////////
// dmx slidershow by robert engelhardt © 2003 //
// womstar@uni.de //
// vermerk bitte stehn lassen! //
////////////////////////////////////////////////
// der macher des scriptes distanziert //
// sich von dem inhalt der seite //
////////////////////////////////////////////////
/******************* EIGENSCHAFTEN ************************/
/**************************************************/
/* die bilder sollten alle die gleiche größe haben*/
/**************************************************/
bilder = new Array("bild1.jpg",
"bild2.jpg",
"bild3.jpg");
/**************************************************/
rahmenBreite = 420; // die breite des rahmens ist gleich die breite des bildes
rahmenHoehe = 291; // die höhe des rahmens ist gleich die höhe des bildes
rahmenRand = 0;
rahmenStil = "dotted";
rahmenFarbe = "#C0C0C0";
rahmenHintergrundFarbe = "#FFFFFF";
schriftArt = "Comic";
schriftFarbe = "000000";
schriftGroesse = 1;
trennZeichen = "-"; // trennzeichen zwischen den links
srollVarianten = 0; // 0 = von unten nach oben, 1 = von rechts nach links
/*********************************************************/
document.write("<center>"
+"<div id='rahmen' style='width:"
+(rahmenBreite+0)+"; height:"
+(rahmenHoehe+0)+"; border:"
+rahmenRand+"px "
+rahmenStil+" #"
+rahmenFarbe+"; background-color:#"
+rahmenHintergrundFarbe+";overflow:hidden'>");
(srollVarianten==0) ?
document.write("<div id='jumper' style='position:relative;top:18;left:0'>") :
document.write("<div id='jumper' style='position:relative;left:18;top:18'>");
(srollVarianten==0) ?
document.write("<table width="
+rahmenBreite+" cellspacing=0 cellpadding=0>") :
document.write("<table height="
+rahmenHoehe+" cellspacing=0 cellpadding=0>");
for (i=0;i<bilder.length;i++)
{
(srollVarianten==0) ?
document.write("<tr><td width="
+rahmenBreite+" height="
+rahmenHoehe+">") :
document.write("<td width="
+rahmenBreite+" height="
+rahmenHoehe+">");
(srollVarianten==0) ?
document.write("<img src="+bilder[i]+"></td></tr>"
+"<tr><td height=25></td></tr>") :
document.write("<img src="+bilder[i]+"></td>"
+"<td><div style='width:25'></div></td>");
}
document.write("</table></div></div><br>");
for (i = 0; i < bilder.length; i++)
{
if (i == bilder.length-1) trennZeichen = "";
(srollVarianten==0) ?
(i == 0) ? posY = 0 : posY = (rahmenHoehe*i)+(25*i) :
(i == 0) ? posY = 0 : posY = (rahmenBreite*i)+(25*i);
document.write("<a href='javascript:getPos("
+posY+")' onfocus='this.blur()' style='text-decoration:none'><font size="
+schriftGroesse+" color="
+schriftFarbe+" face="
+schriftArt+">Bild"+(i+1)+"</font></a>"
+"<font style='cursor:default'> "
+trennZeichen+" </font>");
}
document.write("</center>");
var thePos=dimx=Dimx=0,time;
function getPos(pos)
{
thePos = pos-(pos*2)+18;
browser = navigator.appName;
usAgent = navigator.userAgent;
if (browser == "Microsoft Internet Explorer" || usAgent.indexOf("Opera") >- 1)
clearTimeout(time);
dmx();
}
function dmx()
{
time = setTimeout("dmx()",0);
dimx = Math.round(Dimx+=((thePos)-Dimx)*4/20);
if (document.getElementById)
{
(srollVarianten==0) ?
document.getElementById("jumper").style.top = dimx :
document.getElementById("jumper").style.left = dimx;
}
else if (document.all)
{
(srollVarianten==0) ?
document.all["jumper"].style.top = dimx :
document.all["jumper"].style.left = dimx;
}
if (thePos == dimx) clearTimeout(time);
}
</script>
</div></td>
</tr>
<tr>
<td background="http://kronbuehl.kr.funpic.de/seiten/grafiken/pattern.jpg" style="border:1px solid #000000">
<div align="center">beschreibung</div></td>
</tr>
<tr>
<td style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid">
<P align=center>
...beschreibung...</P></td>
</tr>
<tr>
<td colspan="4" background="http://kronbuehl.kr.funpic.de/seiten/grafiken/pattern.jpg"
style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px
solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px
solid"
><div align="center">links
</div></td>
</tr>
</table>
kann mir da jemand vielleicht helfen?