Hallo Community,
kann der Code so verändert werden, dass die Bilder via Link aufgebaut werden?
Oder gibt es etwas Vergleichbares, was einfacher zu bedienen ist?
Ich nutze Yahoo GeoCities…
LG Magnus
Zitat von CodeAlles anzeigen
<html><head>
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
<meta http-equiv="Content-Language" content="de">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Slideshow</title>
<STYLE type="text/css">
<!--
BODY {
scrollbar-face-color: #12FF00;
scrollbar-highlight-color: #12FF00;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #12FF00;
scrollbar-shadow-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #12FF00;
}
-->.input {
font-size: 12px;
font-family: verdana;
color: #000000;
background-color: #ffffff;
border:1px solid #669900;
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px;
text-indent : 2px;
}
</STYLE>
</head><body link="#000000" vlink="#000000" alink="#000000" scroll="no">
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="300" id="AutoNumber1" height="300">
<tr>
<td background="Galerie/bg.gif">
<p align="center">
<a id="bildlink" target="_blank" title="Bild in Originalgröße anschauen" href="0.gif"></a></td>
</tr>
</table>
</center>
</div>
<div id="bildtext" style="text-align:center;font-family:verdana,arial;">Text zu Bild 1</div>
<form method="POST" name="rotater">
<script type="text/javascript" language="JavaScript1.1">
var photos=new Array()
var which=0/*Change the below variables to reference your own images. You may have as many images in the slider as you wish*/
photos[0]="IMG_0001.JPG"
photos[1]="IMG_0002.JPG"
photos[2]="IMG_0003.JPG"
photos[3]="IMG_0004.JPG"
photos[4]="IMG_0005.JPG"
photos[5]="IMG_0006.JPG"
photos[6]="IMG_0009.JPG"
photos[7]="IMG_0011.JPG"
photos[8]="IMG_0013.JPG"
photos[9]="IMG_0014.JPG"
photos[10]="IMG_0015.JPG"
photos[11]="IMG_0016.JPG"
photos[12]="IMG_0017.JPG"
photos[13]="IMG_0019.JPG"
photos[14]="IMG_0020.JPG"
photos[15]="IMG_0021.JPG"
photos[16]="IMG_0022.JPG"
photos[17]="IMG_0023.JPG"
photos[18]="IMG_0025.JPG"
photos[19]="IMG_0026.JPG"
photos[20]="IMG_0027.JPG"
photos[21]="IMG_0028.JPG"
photos[22]="IMG_0030.JPG"
photos[23]="IMG_0031.JPG"
photos[24]="IMG_0032.JPG"var text=new Array()
text[0] = "Text zu Bild 1"
text[1] = "Text zu Bild 2"
text[2] = "Text zu Bild 3"
text[3] = "Text zu Bild 4"
text[4] = "Text zu Bild 5"
text[5] = "Text zu Bild 6"
text[6] = "Text zu Bild 7"
text[7] = "Text zu Bild 8"
text[8] = "Text zu Bild 9"
text[9] = "Text zu Bild 10"
text[10] = "Text zu Bild 11"
text[11] = "Text zu Bild 12"
text[12] = "Text zu Bild 13"
text[13] = "Text zu Bild 14"
text[14] = "Text zu Bild 15"
text[15] = "Text zu Bild 16"
text[16] = "Text zu Bild 17"
text[17] = "Text zu Bild 18"
text[18] = "Text zu Bild 19"
text[19] = "Text zu Bild 20"
text[20] = "Text zu Bild 21"
text[21] = "Text zu Bild 22"
text[22] = "Text zu Bild 23"
text[23] = "Text zu Bild 24"
text[24] = "Text zu Bild 25"function backward(){
if (which>0){
window.status=''
which--
document.images.photoslider.src=photos[which]
document.getElementById("bildlink").href=photos[which];
document.getElementById("bildtext").innerHTML = text[which];
}
else
{
window.status='Anfang der Bilder'
}
}function forward(){
if (which<photos.length-1){
which++
document.images.photoslider.src=photos[which]
document.getElementById("bildlink").href=photos[which];
document.getElementById("bildtext").innerHTML = text[which];
}
else
{
window.status='Ende der Bilder'
//which=1;backward();return false
}
}</script>
<p align="center">
<input class="input" type="button" name="B2" value="<< zurück" onClick="backward()"><input class="input" type="button" name="B3" value="neu starten"
onClick="which=1;backward();return false"><input class="input" type="button" name="B1"
onClick="forward()" value="weiter >>">
</p>
</form>
</body></html>