WinFuture-Forum.de: Möchte Ein Bild In Java Navigation Verlinken - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

Möchte Ein Bild In Java Navigation Verlinken Wenn man auf das bild klickt, soll sich das Bild öffnen


#1 Mitglied ist offline   Tille2000 

  • Gruppe: aktive Mitglieder
  • Beiträge: 488
  • Beigetreten: 13. Dezember 05
  • Reputation: 0
  • Geschlecht:Männlich

geschrieben 22. Februar 2007 - 19:39

Hallo Leute, hab da ein Problem. Ich habe dieses Java Script gefunden, womit man Bilder nacheinander anzeigen kann. Nun meine Frage, kann ich irgendwie in dem Script einbauen, das wenn man auf das Bild klickt, sich in einem neuen Fenster öffnet?

Script:
<html>

<script language="JavaScript">
<!-- Verstecken für ältere Browser --

	var i = 1
	images = new Array
	images[1] = "ffo2006001.jpg"
	images[2] = "ffo2006002.jpg"
	images[3] = "ffo2006003.jpg"
	images[4] = "ffo2006004.jpg"
	images[5] = "ffo2006005.jpg"
	images[6] = "ffo2006006.jpg"
	images[7] = "ffo2006007.jpg"
	images[8] = "ffo2006008.jpg"
	images[9] = "ffo20060031.jpg"
	images[10] = "ffo2006010.jpg"
	images[11] = "ffo2006011.jpg"
	images[12] = "ffo2006012.jpg"
	images[13] = "ffo2006013.jpg"
	images[14] = "ffo2006014.jpg"
	images[15] = "ffo2006015.jpg"
	images[16] = "ffo2006016.jpg"
	images[17] = "ffo2006017.jpg"
	images[18] = "ffo2006018.jpg"
	images[19] = "ffo20060131.jpg"
	images[20] = "ffo2006020.jpg"
	images[21] = "ffo2006021.jpg"
	images[22] = "ffo2006022.jpg"
	images[23] = "ffo2006023.jpg"
	images[24] = "ffo2006024.jpg"
	images[25] = "ffo2006025.jpg"
	images[26] = "ffo2006026.jpg"
	images[27] = "ffo2006027.jpg"
	images[28] = "ffo2006028.jpg"
	images[29] = "ffo20060231.jpg"
	images[30] = "ffo2006030.jpg"
	images[31] = "ffo2006031.jpg"
	
function gallery(){
	if (i == 1){
		document.gallery.previous.value="	   "}
}
function previmg(){
	if (i != 1) {
		i --
		document.img.src = images[i]
		document.gallery.next.value = "Nächstes >"}
	if (i == 1) {
		document.gallery.previous.value="		"}
	
}

function nextimg(){
	if (i != 31) {
		i ++
		document.gallery.previous.value="< Vorheriges"
		image = images[i]
		document.img.src = image}
	if (i ==31){
		document.gallery.next.value="	";}
}

function pickrand(){
	var imagenumber = 31;
	var randomnumber = Math.random();
	var rand1 = Math.round( (imagenumber-1) * randomnumber) + 1;
	var randimage = images[rand1]
	document.img.src = randimage
	i = rand1
	if (i == 1){
		document.gallery.previous.value="		";}
	else {
		document.gallery.previous.value=">< Vorheriges";}
	if (i == 6){
		document.gallery.next.value="	";}
	else {
		document.gallery.next.value="Nächstes >";}
}

function firstimg(){
	i = 1
	document.img.src = images[i];
	document.gallery.previous.value="		";
	document.gallery.next.value="Nächstes < Vorheriges"
}
// -- Ende verstecken --</script>

<body>
	<form name="gallery">
  <div align="center"><center><input name="previous" onClick="previmg();" type="button"
  value="&lt; Vorheriges"> <input name="first" onClick="firstimg();" type="button"
  value="|&lt;&lt; Erstes"> <input name="random" onClick="pickrand();" type="button"
  value="? Zufall ?"> <input name="last" onClick="lastimg();" type="button"
  value="Letztes &gt;&gt;|"> <input name="next" onClick="nextimg();" type="button"
  value="Nächstes &gt;">
  </center></div>
<img border="0" name="img" src="ffo2006001.jpg" width="640" height="480"></body>
</html>


Hoffe ihr könnt mir helfen.

Danke euch schonmal.

Dieser Beitrag wurde von Tille2000 bearbeitet: 22. Februar 2007 - 20:13

0

Anzeige



#2 Mitglied ist offline   svenner90 

  • Gruppe: aktive Mitglieder
  • Beiträge: 146
  • Beigetreten: 30. Dezember 06
  • Reputation: 0

geschrieben 23. Februar 2007 - 20:25

  </center></div>
<img border="0" name="img" src="ffo2006001.jpg" width="640" height="480"></body>
</html>


mit

  </center></div>
<a href="ffo2006001.jpg" target="_blank"><img border="0" name="img" src="ffo2006001.jpg" width="640" height="480"></a></body>
</html>

Dieser Beitrag wurde von svenner90 bearbeitet: 23. Februar 2007 - 20:25

0

#3 Mitglied ist offline   Tille2000 

  • Gruppe: aktive Mitglieder
  • Beiträge: 488
  • Beigetreten: 13. Dezember 05
  • Reputation: 0
  • Geschlecht:Männlich

geschrieben 24. Februar 2007 - 08:37

Danke für die Antwort, aber es funktioniert nicht so, wie es soll.

Mein Problem ist ja, das ich die Bilder ja per Java Script anzeige, und wenn ich auf das Bild klicke, soll sich ja das Bild öffnen welches gerade angezeigt wird.

Bei diesem Link wird immer nur das 1. Bild angezeigt.

Hat noch jemand eine Idee?

Oder gibt es eine einfache Lösung, Bilder so anzuzeigen? (Kein PhP, nur HTML)
0

#4 Mitglied ist offline   Tille2000 

  • Gruppe: aktive Mitglieder
  • Beiträge: 488
  • Beigetreten: 13. Dezember 05
  • Reputation: 0
  • Geschlecht:Männlich

geschrieben 26. Februar 2007 - 14:39

Hat keiner eine Idee?

Wie macht man am besten und einfachsten ein Fotoalbum? Könnt ihr mir irgendwelche Tipps dazu geben.
Kein PHP.
0

#5 Mitglied ist offline   Diewie 

  • Gruppe: aktive Mitglieder
  • Beiträge: 409
  • Beigetreten: 18. Juni 06
  • Reputation: 0
  • Geschlecht:Männlich
  • Wohnort:Geisenhausen / München

geschrieben 26. Februar 2007 - 15:25

Äußerst "schlechter" Code, aber ich hab in dir mal angepasst und die gröbsten Fehler ausgemerzt. Jetzt dürfte er das machen was du willst.

<html>

&lt;script language="JavaScript">
<!-- Verstecken für ältere Browser --

	var i = 1;
	images = new Array;
	images[1] = "ffo2006001.jpg";
	images[2] = "ffo2006002.jpg";
	images[3] = "ffo2006003.jpg";
	images[4] = "ffo2006004.jpg";
	images[5] = "ffo2006005.jpg";
	images[6] = "ffo2006006.jpg";
	images[7] = "ffo2006007.jpg";
	images[8] = "ffo2006008.jpg";
	images[9] = "ffo20060031.jpg";
	images[10] = "ffo2006010.jpg";
	images[11] = "ffo2006011.jpg";
	images[12] = "ffo2006012.jpg";
	images[13] = "ffo2006013.jpg";
	images[14] = "ffo2006014.jpg";
	images[15] = "ffo2006015.jpg";
	images[16] = "ffo2006016.jpg";
	images[17] = "ffo2006017.jpg";
	images[18] = "ffo2006018.jpg";
	images[19] = "ffo20060131.jpg";
	images[20] = "ffo2006020.jpg";
	images[21] = "ffo2006021.jpg";
	images[22] = "ffo2006022.jpg";
	images[23] = "ffo2006023.jpg";
	images[24] = "ffo2006024.jpg";
	images[25] = "ffo2006025.jpg";
	images[26] = "ffo2006026.jpg";
	images[27] = "ffo2006027.jpg";
	images[28] = "ffo2006028.jpg";
	images[29] = "ffo20060231.jpg";
	images[30] = "ffo2006030.jpg";
	images[31] = "ffo2006031.jpg";
	
	var max = 31;
	
function gallery(){
	if (i == 1){
		document.gallery.previous.value="	   ";
	}
}
function previmg(){
	if (i != 1) {
		i --;
		document.img.src = images[i];
		document.getElementsByTagName("a")["img_link"].href = images[i];
		document.gallery.next.value = "Nächstes >";
	}
	if (i == 1) {
		document.gallery.previous.value="		";
	}
	
}

function nextimg(){
	if (i != max) {
		i ++
		document.gallery.previous.value="< Vorheriges"
		image = images[i]
		document.getElementsByTagName("a")["img_link"].href = image;
		document.img.src = image;
	}
	if (i == max){
		document.gallery.next.value="	";}
}

function pickrand(){
	var imagenumber = max;
	var randomnumber = Math.random();
	var rand1 = Math.round( (imagenumber-1) * randomnumber) + 1;
	var randimage = images[rand1];
	document.img.src = randimage;
	document.getElementsByTagName("a")["img_link"].href = randimage;
	i = rand1;
	if (i == 1){
		document.gallery.previous.value="		";
	} else {
		document.gallery.previous.value="< Vorheriges";
	}
	if (i == max){
		document.gallery.next.value="	";
	} else {
		document.gallery.next.value="Nächstes >";
   	}
}

function firstimg(){
	i = 1
	document.img.src = images[i];
	document.getElementsByTagName("a")["img_link"].href = images[i];
	document.gallery.previous.value="		";
	document.gallery.next.value="Nächstes >";
}
// -- Ende verstecken --</script>

<body onload="firstimg();">
	<form name="gallery">
  <div align="center"><center><input name="previous" onClick="previmg();" type="button"
  value="< Vorheriges"> <input name="first" onClick="firstimg();" type="button"
  value="|<< Erstes"> <input name="random" onClick="pickrand();" type="button"
  value="? Zufall ?"> <input name="last" onClick="lastimg();" type="button"
  value="Letztes >>|"> <input name="next" onClick="nextimg();" type="button"
  value="Nächstes >">
  </center></div>
<a id="img_link" href="nirgends"><img border="0" name="img" src="" width="640" height="480"></a>
</body>
</html>

0

Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0