<html><head> <title>Gallerieframe</title> </head> <script type="text/javascript"> <!-- /*Funktion zum Wechseln der Bilder*/ function wechsel(uri,w,h) { parent.document.images.grossbild.src=uri; parent.document.images.grossbild.width=w; parent.document.images.grossbild.height=h; } /*Startpunkt des Scrollens, wird beim Scrollen hochgezählt*/ var anfang = 1; /*Endpunkt des Scrollens; ab da wird wieder zum Anfang gesprungen (ausprobieren)*/ var endpunkt = 330; /*Scrollfunktion*/ function bewegen() { /*Solange "anfang" kleiner als "endpunkt" ist: "anfang" hochzählen*/ if (anfang<=endpunkt){ self.scroll(0,anfang++); }else /*Wenn "anfang" größer "endpunkt" ist: "anfang" wieder auf 1 setzen*/ if (anfang>endpunkt){ anfang=1; } } /*Scrollfunktion alle 50 Millisekunden wieder aufrufen */ function scrollen() { gutjetzt = setInterval('bewegen()',50); } /*Funktion zum Aussetzen der Scrollfunktion*/ function anhalten() { clearInterval(gutjetzt); } --> </script> </head> <!--Beim Laden der Seite Scrollfunktion starten--> <body onLoad="scrollen()"> <div align="center"> <!--Tabelle mit den Vorschaubildern--> <table border="0" cellpadding="3" cellspacing="0" width="100%"> <tr> <td align="center"> <a onMouseOver="anhalten()" onMouseOut="scrollen()" href="javascript:wechsel('bild01.jpg',400,300)"> <img src="vorschau/bild01.jpg" width="120" height="90" border="0" alt="Vorschau 1"> </a> </td> </tr> <tr> <td align="center"> <a onMouseOver="anhalten()" onMouseOut="scrollen()" href="javascript:wechsel('bild02.jpg',400,300)"> <img src="vorschau/bild02.jpg" width="120" height="90" border="0" alt="Vorschau 2"> </a> </td> </tr> <tr> <td align="center"> <a onMouseOver="anhalten()" onMouseOut="scrollen()" href="javascript:wechsel('bild03.jpg',400,300)"> <img src="vorschau/bild03.jpg" width="120" height="90" border="0" alt="Vorschau 3"> </a> </td> </tr> <tr> <td align="center"> <a onMouseOver="anhalten()" onMouseOut="scrollen()" href="javascript:wechsel('bild04.jpg',400,300)"> <img src="vorschau/bild04.jpg" width="120" height="90" border="0" alt="Vorschau 4"> </a> </td> </tr> <tr> <td align="center"> <a onMouseOver="anhalten()" onMouseOut="scrollen()" href="javascript:wechsel('bild05.jpg',400,300)"> <img src="vorschau/bild05.jpg" width="120" height="90" border="0" alt="Vorschau 5"> </a> </td> </tr> <tr> <td align="center"> <a onMouseOver="anhalten()" onMouseOut="scrollen()" href="javascript:wechsel('bild06.jpg',400,300)"> <img src="vorschau/bild06.jpg" width="120" height="90" border="0" alt="Vorschau 6"> </a> </td> </tr> </table> </div></body> </html> <!--Hier noch mal ein kommentierter Link:--> <a <!--Maus über den Link (Bild): Scrollfunktion anhalten--> onMouseOver="anhalten()" <!--Maus weg vom Link (Bild): Scrollfunktion fortsetzen--> onMouseOut="scrollen()" <!--Auf Klick "bild_abc.jpg" laden in der Größe x,y--> href="javascript:wechsel('bild06.jpg',400,300)">