Javascript  »  Bilder  »  PicRemote

zur Übersicht

Kategorie	Bilder
Bezeichnung	PicRemote
ScriptDemo	Neues Fenster für Demo öffnen
Statistik	39749 Aufrufe davon 0x gestern
Ein kleines Script zur Steuerung von Bildgalerien oder ähnlichem. Die kleinen Bilder werden dabei um das grosse Bild positioniert und bei einem MouseOver wird das grosse Bild ausgetauscht.
Javascript-Quellcode  (einfach markieren, kopieren und lokal abspeichern) <script language="JavaScript" type="text/javascript"> <!-- function change(tausch_bild_name,neues_bild_name) { window.document[tausch_bild_name].src = "gfxu/"+neues_bild_name+".gif"; } //--> </script> <table border="0" cellspacing="20" cellpadding="0"> <tr> <td colspan="2" rowspan="2"> <table border="0" cellspacing="0" cellpadding="1" bgcolor="#FFFFFF" width="100%" height="100%"> <tr> <td> <table width="222" border="0" cellspacing="0" cellpadding="1" height="222" bgcolor="#000000" background="gfxu/wait.gif"> <tr> <td><img src="gfxu/1.gif" width="222" height="222" name="gr" border=0></td> </tr> </table> </td> </tr> </table> </td> <td> <table border="0" cellspacing="0" cellpadding="1" bgcolor="#FFFFFF"> <tr> <td> <table width="100" border="0" cellspacing="0" cellpadding="1" height="100" bgcolor="#000000"> <tr> <td><a href="#" onMouseOver="change('gr',5)"><img src="gfxu/5k.gif" width="100" height="100" border=0></a></td> </tr> </table> </td> </tr> </table> </td> <td> </td> </tr> <tr> <td> <table border="0" cellspacing="0" cellpadding="1" bgcolor="#FFFFFF"> <tr> <td> <table width="100" border="0" cellspacing="0" cellpadding="1" height="100" bgcolor="#000000"> <tr> <td><a href="#" onMouseOver="change('gr',4)"><img src="gfxu/4k.gif" width="100" height="100" border=0></a></td> </tr> </table> </td> </tr> </table> </td> <td> </td> </tr> <tr> <td> <table border="0" cellspacing="0" cellpadding="1" bgcolor="#FFFFFF"> <tr> <td> <table width="100" border="0" cellspacing="0" cellpadding="1" height="100" bgcolor="#000000"> <tr> <td><a href="#" onMouseOver="change('gr',1)"><img src="gfxu/1k.gif" width="100" height="100" border=0></a></td> </tr> </table> </td> </tr> </table> </td> <td> <table border="0" cellspacing="0" cellpadding="1" bgcolor="#FFFFFF"> <tr> <td> <table width="100" border="0" cellspacing="0" cellpadding="1" height="100" bgcolor="#000000"> <tr> <td><a href="#" onMouseOver="change('gr',2)"><img src="gfxu/2k.gif" width="100" height="100" border=0></a></td> </tr> </table> </td> </tr> </table> </td> <td> <table border="0" cellspacing="0" cellpadding="1" bgcolor="#FFFFFF"> <tr> <td> <table width="100" border="0" cellspacing="0" cellpadding="1" height="100" bgcolor="#000000"> <tr> <td><a href="#" onMouseOver="change('gr',3)"><img src="gfxu/3k.gif" width="100" height="100" border=0></a></td> </tr> </table> </td> </tr> </table> </td> <td> </td> </tr> </table>

Kommentare zu PicRemote

10 Kommentar(e) vorhanden / Anzeige der neuesten 5

am 25.07.2006 um 16:10 Uhr von Anonym
Schaut Euch das Script mal genauer an. Es sind je Bild zwei Bilddatien erforderlich ein ... 

am 14.11.2005 um 15:05 Uhr von Queron
Ein Tipp für alle, bei denen es nicht klappt: setzt den Namen der Bilddatei in den Links i... 

am 08.09.2005 um 13:10 Uhr von FrEAk
ich hab auch das prob das es net funzt mit den bildern: die kleinen werden angezeigt aber ... 

am 08.09.2005 um 13:04 Uhr von Bl@ck
Ich habe auch das Problem das die kleinen Bilder angezeigt werden aber die kleinen nicht i... 

am 08.09.2005 um 12:08 Uhr von Christine
das Script ist ja gut und recht, aber kann man das irgendwie umwandeln, dass wenn man nich... 


Alle Kommentare anzeigen   -   Kommentar hinzufügen