Hallo,ich hoffe ich bin hier richtig...
ich habe ein Problem beim einbinden eines Javascripts für eine Diashow in eine bestehende Seite und zwar werden beim vorwärts-klicken die Bilder der Show in einem anderen Bild auf der Seite angezeigt.Nehm ich alle anderen Bilder von der Seite runter funktioniert die Diashow.Wo liegt der fehler?
Ich bastel schon seit Stunden und find den Fehler nich.Alle anderen Änderungen im Script krieg ich hin.Hoffe ich habs so richtig eingestellt
Gruß Gaby
ich habe ein Problem beim einbinden eines Javascripts für eine Diashow in eine bestehende Seite und zwar werden beim vorwärts-klicken die Bilder der Show in einem anderen Bild auf der Seite angezeigt.Nehm ich alle anderen Bilder von der Seite runter funktioniert die Diashow.Wo liegt der fehler?
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<TITLE> HHy - JavaScript: Steuerbare Diashow</TITLE><!--Hier Titel ersetzen-->
<META HTTP-EQUIV="Content-language" CONTENT="de">
<META HTTP-EQUIV="content-type" CONTENT="text/html;CHARSET=iso8859-1">
<META NAME="keywords" CONTENT="JavaScript, steuerbar, Diashow"> <!-- Hier eigene Keywords einsetzen oder weglassen. Soweit bekannt wertet Google die Keywords aufgrund früheren massiven Missbrauchs nicht mehr aus-->
<META NAME="description" CONTENT="In dieser steuerbaren Diashow können Sie selbst bestimmen, welches Bild angezeigt werden soll"> <!-- Hier eigene Beschreibung einsetzen-->
<SCRIPT LANGUAGE = "JavaScript">
<!--
//----------------------------- [Lade Grafiken] ---------------------------------//
<!-- Hier die Dateinamen ersetzen-->
var Img1 = new Image();
Img1.src = "bilder/1.jpg";
var Img2 = new Image();
Img2.src = "bilder/2.jpg";
var Img3 = new Image();
Img3.src = "bilder/3.jpg";
var Img4 = new Image();
Img4.src = "bilder/4.jpg";
var Img5 = new Image();
Img5.src = "bilder/5.jpg";
var Img6 = new Image();
Img6.src = "bilder/6.jpg";
var Img7 = new Image();
Img7.src = "bilder/7.jpg";
var Img8 = new Image();
Img8.src = "bilder/8.jpg";
var Img9 = new Image();
Img9.src = "bilder/9.jpg";
var Img10 = new Image();
Img10.src = "bilder/10.jpg";
var Img11 = new Image();
Img11.src = "bilder/11.jpg";
var Img12 = new Image();
Img12.src = "bilder/12.jpg";
var Img13 = new Image();
Img13.src = "bilder/13.jpg";
var Img14 = new Image();
Img14.src = "bilder/14.jpg";
var Img15 = new Image();
Img15.src = "bilder/15.jpg";
var Img16 = new Image();
Img16.src = "bilder/16.jpg";
var Img17 = new Image();
Img17.src = "bilder/17.jpg";
var Img18 = new Image();
Img18.src = "bilder/18.jpg";
var Img19 = new Image();
Img19.src = "bilder/19.jpg";
var Img20 = new Image();
Img20.src = "bilder/20.jpg";
var Img21 = new Image();
Img21.src = "bilder/21.jpg";
var Img22 = new Image();
Img22.src = "bilder/22.jpg";
var Img23 = new Image();
Img23.src = "bilder/23.jpg";
var Img24 = new Image();
Img24.src = "bilder/24.jpg";
var Img25 = new Image();
Img25.src = "bilder/25.jpg";
var Img26 = new Image();
Img26.src = "bilder/26.jpg";
var Img27 = new Image();
Img27.src = "bilder/27.jpg";
var Img28 = new Image();
Img28.src = "bilder/28.jpg";
var Img29 = new Image();
Img29.src = "bilder/29.jpg";
var Img30 = new Image();
Img30.src = "bilder/30.jpg";
var Img31 = new Image();
Img31.src = "bilder/31.jpg";
var Img32 = new Image();
Img32.src = "bilder/32.jpg";
var Img33 = new Image();
Img33.src = "bilder/33.jpg";
var Img34 = new Image();
Img34.src = "bilder/34.jpg";
var Img35 = new Image();
Img35.src = "bilder/35.jpg";
var Img36 = new Image();
Img36.src = "bilder/36.jpg";
var Img37 = new Image();
Img37.src = "bilder/37.jpg";
var Img38 = new Image();
Img38.src = "bilder/38.jpg";
var Img39 = new Image();
Img39.src = "bilder/39.jpg";
var Img40 = new Image();
Img40.src = "bilder/40.jpg";
var Img41 = new Image();
Img41.src = "bilder/41.jpg";
//----------------------------- [Lade Beschreibung] ---------------------------------//
txt = new Array()
txt[1] = 'Dies ist Bildnummer 1 (Stimmt)'
txt[2] = 'Dies ist Bildnummer 2 (So ist es)'
txt[3] = 'Dies ist Bildnummer 3 (Genau)'
txt[4] = 'Dies ist Bildnummer 4 (Jepp)'
txt[5] = 'Dies ist Bildnummer 5 (Wowh)'
txt[6] = 'Dies ist Bildnummer 6 (Jaaaa)'
txt[7] = 'Dies ist Bildnummer 7 (Ich weiß)'
txt[8] = 'Dies ist Bildnummer 8 (Es reicht)'
txt[9] = 'Dies ist Bildnummer 9 (Ende)'
//----------------------------- [Beschreibung an?] ---------------------------------//
function Beschreibung() {
if (document.forms[0].elements[7].checked) {
document.forms[0].elements[6].value = txt[nr]
} else {
document.forms[0].elements[6].value = '';
}
}
//----------------------------- [Vor und Zurueck] ---------------------------------//
function Anim(bildnr) {
// document.images[0].src = "/Bilder/redu/" + nr + ".jpg";
document.images[0].src ="bilder/" + nr + ".JPG";
}
<!-- Hier Bilderverzeichnisse durch eigene ersetzen. -->
var nr = 1
function vor() {
nr++
if (nr > 41)
nr = 1
Anim(nr);Beschreibung()
}
function zurueck() {
nr--
if (nr < 1) //alert('test')
nr = 41 <!-- Hier Bildanzahl eintragen-->
Anim(nr);Beschreibung()
}
//----------------------------- [Menuesteuerung] ---------------------------------//
function Grafik() {
nr = document.forms[0].elements[5].selectedIndex;
document.images[0].src = document.forms[0].elements[5].options[nr].value;
Anim(nr++); Beschreibung()
}
//----------------------------- [Slide Animation] ---------------------------------//
function slide() {
nr++
if (nr > 41)
nr = 1
Anim(nr);Beschreibung();
auswahl = document.forms[0].elements[4].selectedIndex;
x = document.forms[0].elements[4].options[auswahl].value;
Zaehler = window.setTimeout("slide()",x);
Status = true;
}
var Zaehler = null
var Status = false
function stop(){
if(Status)
clearTimeout(Zaehler)
Status = false;
}
// -->
</SCRIPT>
</HEAD>
<body text="#000000" bgcolor="#e7e8e8" link="#003399" vlink="#FF0000"
alink="#008080">
<center>
<HTML>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1" height="92">
<tr>
<td width="20%">
<p align="center">
<img border="0" src="../../wegweiser.gif" width="117" height="111"></td>
<td width="83%" height="92">
<p align="left">
<img border="0" src="../../imagea.JPG" width="117" height="117" align="left"><img border="0" src="../HeidelbergZoo/image005.JPG" width="103" height="117">
<img border="0" src="../../fotos/starkenburg/Starkenburg%20(3).JPG" width="122" height="117">
<img border="0" src="../HeidelbergAltstadt/image004.JPG" width="141" height="117">
<img border="0" src="../../imagee.JPG" width="150" height="117">
<img border="0" src="../Karlsruhe/image004.JPG" width="130" height="117"></td>
</tr>
</table>
<div align="center">
<center>
<table border="0" width="100%" cellpadding="0" bordercolor="#FFFF66" style="border-collapse: collapse" height="413">
<tr>
<td width="197" valign="top" bgcolor="#FF6600" height="19">
</td>
<td width="788" align="center" valign="top" bgcolor="#FF6600" height="19">
</td>
</tr>
<tr>
<td width="197" valign="top" bgcolor="#FF6600" height="19" bordercolor="#FF6600">
</td>
<td width="788" align="center" valign="top" bgcolor="#FF6600" height="19" bordercolor="#FF6600">
<b>
<font color="#800000" face="Verdana">
<a href="../../index.htm">
<span style="text-decoration: none"><font size="2" color="#000000">Start</font></span></a><font size="2" color="#000000">
Service Impressum
Sonstiges Kontakt</font></font></b></td>
</tr>
<tr>
<td width="197" bgcolor="#FF6600" height="280" align="left" valign="top" bordercolor="#FF6600">
<p align="left" style="margin-left: 5px">
<br>
<b>
<font face="Verdana" size="2">
<a href="../zoos.htm" style="text-decoration: none">
Zoos</a></font></b><p style="margin-left: 5px">
<b><font face="Verdana" size="2">
<a href="../Staedte.htm" style="text-decoration: none">Städte</a></font></b></p>
<p style="margin-left: 5px">
<b><font face="Verdana" size="2">Ausflüge</font></b></p>
<p style="margin-left: 5px">
<b><font face="Verdana" size="2">Museen</font></b></p>
<p style="margin-left: 5px">
<b><font face="Verdana" size="2">Ausstellungen</font></b></p>
<p style="margin-left: 5px">
<b><font size="2" face="Verdana">Parks / Freizeitparks</font></b><p style="margin-left: 5px">
<b><font face="Verdana" size="2">Gastronomie Tipps</font></b><p style="margin-left: 5px">
<b><font face="Verdana" size="2">Konzerte</font></b></td>
<td valign="top" bordercolor="#FFFF66" width="788" height="375">
<div align="center">
<center>
<table border="2" cellspacing="1" width="80%" id="AutoNumber2" bordercolor="#FF6600">
<tr>
<td width="100%">
<table width="80%" cellspacing="0" cellpadding="0" align="center">
<tr>
<td align="center" valign="top">
<CENTER><IMG SRC="bilder/1.JPG" WIDTH=250 HEIGHT=188 BORDER=0 name="t">
<FORM>
<INPUT TYPE=BUTTON VALUE=" Zurueck " onClick="zurueck()">
<INPUT TYPE=BUTTON VALUE=" Vorwärts " onClick="vor()">
<INPUT TYPE=BUTTON VALUE=" Show " onClick="setTimeout('slide()', 1000)">
<INPUT TYPE=BUTTON VALUE=" Stop " onClick="stop()">
<BR>
<font face="Helv, Helvetica, Arial,Univers">
Geschwindigkeit:
</font>
<SELECT name="D1">
<OPTION VALUE="500"> 500
<OPTION VALUE="1000"> 1000
<OPTION VALUE="1500"> 1500
<OPTION VALUE="2000"> 2000
<OPTION VALUE="2500"> 2500
<OPTION VALUE="3000"> 3000
<OPTION VALUE="3500"> 3500
<OPTION VALUE="4000"> 4000
<OPTION VALUE="4500"> 4500
</SELECT>
<font face="Helv, Helvetica, Arial,Univers">
Zeige Bildnummer an:
</font>
<SELECT onChange="Grafik()" name="D2">
<OPTION VALUE="bilder/1.jpg"> 1
<OPTION VALUE="bilder/2.jpg"> 2
<OPTION VALUE="bilder/3.jpg"> 3
<OPTION VALUE="bilder/4.jpg"> 4
<OPTION VALUE="bilder/5.jpg"> 5
<OPTION VALUE="bilder/6.jpg"> 6
<OPTION VALUE="bilder/7.jpg"> 7
<OPTION VALUE="bilder/8.jpg"> 8
<OPTION VALUE="bilder/9.jpg"> 9
<OPTION VALUE="bilder/10.jpg"> 10
<OPTION VALUE="bilder/11.jpg"> 11
<OPTION VALUE="bilder/12.jpg"> 12
<OPTION VALUE="bilder/13.jpg"> 13
<OPTION VALUE="bilder/14.jpg"> 14
<OPTION VALUE="bilder/15.jpg"> 15
<OPTION VALUE="bilder/16.jpg"> 16
<OPTION VALUE="bilder/17.jpg"> 17
<OPTION VALUE="bilder/18.jpg"> 18
<OPTION VALUE="bilder/19.jpg"> 19
<OPTION VALUE="bilder/20.jpg"> 20
<OPTION VALUE="bilder/21.jpg"> 21
<OPTION VALUE="bilder/22.jpg"> 22
<OPTION VALUE="bilder/23.jpg"> 23
<OPTION VALUE="bilder/24.jpg"> 24
<OPTION VALUE="bilder/25.jpg"> 25
<OPTION VALUE="bilder/26.jpg"> 26
<OPTION VALUE="bilder/27.jpg"> 27
<OPTION VALUE="bilder/28.jpg"> 28
<OPTION VALUE="bilder/29.jpg"> 29
<OPTION VALUE="bilder/30.jpg"> 30
<OPTION VALUE="bilder/31.jpg"> 31
<OPTION VALUE="bilder/32.jpg"> 32
<OPTION VALUE="bilder/33.jpg"> 33
<OPTION VALUE="bilder/34.jpg"> 34
<OPTION VALUE="bilder/35.jpg"> 35
<OPTION VALUE="bilder/36.jpg"> 36
<OPTION VALUE="bilder/37.jpg"> 37
<OPTION VALUE="bilder/38.jpg"> 38
<OPTION VALUE="bilder/39.jpg"> 39
<OPTION VALUE="bilder/40.jpg"> 40
<OPTION VALUE="bilder/41.jpg"> 41
<OPTION VALUE="bilder/42.jpg"> 42
<OPTION VALUE="bilder/43.jpg"> 43
<OPTION VALUE="bilder/44.jpg"> 44
<OPTION VALUE="bilder/45.jpg"> 45
<!-- Hier die Reihe fortsetzen -->
</SELECT>
<br><INPUT TYPE=TEXT SIZE=34 name="T1">
<font face="Helv, Helvetica, Arial,Univers">
<br>Kommentare ansehen:</font><INPUT TYPE=CHECKBOX name="C1" value="ON">
</FORM>
</CENTER>
</td> </tr>
</table>
</center>
</div>
</td>
</tr>
</table>
</center>
</div>
<p>
<br />
<!-- präsentiert von kostenlose-javascripts.de -->
</p></div>
</td> </tr>
</table>
</center>
</div>
</td>
</tr>
</table>
</center>
</div>
<p>
<br />
<!-- präsentiert von kostenlose-javascripts.de -->
</p>
<p></p>
</body>
</HTML>Gruß Gaby
