Archivlink: javarea.de Forum > JavaScript > Bilder Blättern 2!
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Bilder Blättern 2!

Pages: [1]

geschrieben von Steffi am 21.09.2006 - 21:01
Hi,
also ich habe Probleme, was ist bei dem code falsch?
er zeigt nur das anfangsbild an!


HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
39: 
40: 
41: 
42: 
43: 
44: 
45: 
46: 
47: 
48: 
49: 
50: 
51: 
52: 
53: 
54: 
55: 
56: 
57: 
58: 
59: 
60: 
61: 
62: 
63: 
64: 
65: 
66: 
67: 
68: 
69: 
70: 
71: 
<script language="JavaScript">
<!--
// erweitert von Klaus Hentschel
// http://www.javarea.de

	var i = 1
	images = new Array
	images[1] = "http://www.repage.de/memberdata1/gpferdepalast/Cindydreckig.jpg"
	images[2] = "http://www.repage.de/memberdata1/gpferdepalast/Cindysauber.jpg"
	images[3] = "http://www.repage.de/memberdata1/gpferdepalast/Cindygetrenst.jpg"
	images[4] = "http://www.repage.de/memberdata1/gpferdepalast/Cindygesattelt.jpg"
	images[5] = "http://www.repage.de/memberdata1/gpferdepalast/Cindygamaschen.jpg"

function gallery(){
	if (i == 1){
		document.gallery.previous.value=""
	}
}
function previmg(){
	if (i != 1) {
		i --
		document.img.src = images[2]
		document.gallery.next.value = "Putzen >"
}
function previmg(){
	if (i != 1) {
		i --
		document.img.src = images[3]
		document.gallery.next.value = "Trensen >"
}
function previmg(){
	if (i != 1) {
		i --
		document.img.src = images[4]
		document.gallery.next.value = "Satteln >"
}
function previmg(){
	if (i != 1) {
		i --
		document.img.src = images[5]
		document.gallery.next.value = "Gamaschen >"
}

	if (i == 1) {
		document.gallery.previous.value=""
	}

function stoperror(){
return true
}
window.onerror=stoperror
// -->
</script>

<div align="center">
<img border="0" name="img" src="http://www.repage.de/memberdata1/gpferdepalast/Cindydreckig.jpg"><br><br>
<DIV style="visibility:hide;visibility:hidden;">
<form name="gallery">
<input name="previous" onclick="previmg();" type="button"  value="< Putzen">
<input name="previous" onclick="previmg();" type="button"  value="< Trensen">
<input name="previous" onclick="previmg();" type="button"  value="< Satteln">
<input name="previous" onclick="previmg();" type="button"  value="< Gamaschen">
</form>
</div>


<FONT class="stn">|</font>
<FONT class="stn"><a href="javascript:onclick=previmg()">Putzen</a> <FONT class="stn">|</font>
<FONT class="stn"><a href="javascript:onclick=previmg()">Trensen</a> <FONT class="stn">|</font>
<FONT class="stn"><a href="javascript:onclick=previmg()">Satteln</a> <FONT class="stn">|</font>
<FONT class="stn"><a href="javascript:onclick=previmg()">Gamaschen</a> <FONT class="stn">|</font>


geschrieben von weisnix am 21.09.2006 - 22:58
Hallo Steffi,

so wie du das vorhast kann das nicht funktionieren.

Du kannst nicht vier mal den gleichen Befehl einbauen function previmg().

Gruß

geschrieben von Klaush am 22.09.2006 - 08:20
Hallo Steffi,

für deine Zwecke ist das Script ungeeignet. Du könntest die Bilder auch direkt verlinken.
Für deine Ansprüche genügt auch ein etwas abgewandeltes Script in dieser Form:
HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
<script language="JavaScript">
<!--
images = new Array
images[1] = "http://www.repage.de/memberdata1/gpferdepalast/Cindydreckig.jpg"
images[2] = "http://www.repage.de/memberdata1/gpferdepalast/Cindysauber.jpg"
images[3] = "http://www.repage.de/memberdata1/gpferdepalast/Cindygetrenst.jpg"
images[4] = "http://www.repage.de/memberdata1/gpferdepalast/Cindygesattelt.jpg"
images[5] = "http://www.repage.de/memberdata1/gpferdepalast/Cindygamaschen.jpg"

function previmg(BildNr)
{
	document.img.src = images[BildNr]
}

// -->
</script>

<div align="center">
<img border="0" name="img" src="http://www.repage.de/memberdata1/gpferdepalast/Cindydreckig.jpg"><br><br>

| <a href="javascript:onclick=previmg(2)">Putzen</a> | <a href="javascript:onclick=previmg(3)">Trensen</a> |
<a href="javascript:onclick=previmg(4)">Satteln</a> | <a href="javascript:onclick=previmg(5)">Gamaschen</a> |

</div>


Erläuterung:
- die blau markierte Stelle ist dein Startbild,
- die rot markierten Stellen beinhalten die Nummer auf die sich das Bild im Array beziehen soll. Wenn Du Gamaschen anklickst, dann wird aus dem Array das fünfte Bild geladen (images[5]).

Wenn du nun weitere Bilder einfügen möchtest dann erweiter einfach das Array, siehe Beispiel.


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.