Slideshow in neuem Fenster - javarea.de Forum powered by javarea.de

Archivlink: javarea.de Forum > JavaScript > Slideshow in neuem Fenster

Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Slideshow in neuem Fenster

Pages: [1]

geschrieben von rave am 02.11.2005 - 15:09

Hallo zusammen,

hab ein echtes GRANDEproblem:

Ich habe auf einer Seite verschiedene Namen und möchte gern zu jedem Namen mehrere Bilder zeigen. Ich hatte mir vorgestellt, dass man auf den Namen klickt, dann geht ein neues Fenster auf und in dem Fenster sollte man dann über Textlinks vor und zurück blättern können um sich so die Bilder in dem Fenster ansehen zu können.

So eben, wie in dem Beispiel unten. Da ich aber mit NOF 7 arbeite, kann ich das irgendwie nicht umsetzen.

Kann mir da jemand helfen?

http://www.web-toolbox.net/webtoolb....show02.htm

LG
rave

geschrieben von Hawk am 02.11.2005 - 19:56

Hallo,

was hast Du den bereits davon realisiert.

geschrieben von rave am 03.11.2005 - 16:56

@ Hawk

Ähm - nix bis jetzt...

LG
rave

geschrieben von Hawk am 03.11.2005 - 18:47

Hallo,

erst einmal brauchst Du ja das ein Pop up sich aufmacht.

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8:

<script language="JavaScript" type="text/javascript">
<!--
function zeige(datei,breite,hoehe)
 {
 Fenster = window.open(  datei ,'Zweitfenster','resizeable=no,scrollbar=no,statusbar=no,width='+breite+',height='+hoehe+',left=100,top=10');
}
//-->
</script>

Das ist für die Links, ich habe breite und höhe mit ein gegeben fals deine Bilder Unterschiedliche Größen haben.

Mein Vorschlag ist das Du für jeden Namen eine eigene Seite machst.
In diese Seite Schreibst du das Script.

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:

<script language="JavaScript">
<!--
var Img = new Array();
Img [0] ="Pix/Bild_0.jpg"; // Pfad dees Bildes
Img [1] ="Pix/Bild_1.jpg";
Img [2] ="Pix/Bild_2.jpg";
Img [3] ="Pix/Bild_3.jpg";
Img [4] ="Pix/Bild_4.jpg";
Img [5] ="Pix/Bild_5.jpg";
Img [6] ="Pix/Bild_6.jpg";
Img [7] ="Pix/Bild_7.jpg";
Img [8] ="Pix/Bild_8.jpg";
Img [9] ="Pix/Bild_9.jpg";
Img [10] ="Pix/Bild_10.jpg";
Img [11] ="Pix/Bild_11.jpg";
Img [12] ="Pix/Bild_12.jpg";
Img [13] ="Pix/Bild_13.jpg";
Img [14] ="Pix/Bild_14.jpg";
Img [15] ="Pix/Bild_15.jpg";

var nr = 0;


function swap_image(next)
{
  if(next)
  {
     nr++;
  }
  else
  {
     nr--;
  }
  if (nr==-1)nr=0;
  else if (nr>=16)nr=15;
  window.document.bild.src = Img[nr];  
}
//-->
</script>

Dann die Links dazu

	HTML-Quelltext
1: 2: 3:	<a href="#" onClick="swap_image(false)">zurueck</a> <a href="#" onClick="swap_image(true)">vor</a>