yo,überschrift sagts schon,also hier mal der
so das war mal das javascript-script :wink:
und hier der html code auf den es angewandt werden soll:
Code:
<script type="text/javascript"> Normal1 = new Image(); Normal1.src = "bilder/home1.jpg"; /* 1 Standard-Grafik */ Highlight1 = new Image(); Highlight1.src = "bilder/home2.jpg"; /* 1 Highlight-Grafik */ Normal2 = new Image(); Normal2.src = "bilder/Kontakt1.jpg"; /* 2 Standard-Grafik */ Highlight2 = new Image(); Highlight2.src = "bilder/Kontakt2.jpg"; /* 2Highlight-Grafik */ Normal3 = new Image(); Normal3.src = "bilder/Gästebuch1.jpg"; /* 3 Standard-Grafik */ Highlight3 = new Image(); Highlight3.src = "bilder/Gästebuch2.jpg"; /* 3 Highlight-Grafik */ Normal4 = new Image(); Normal4.src = "bilder/artwork1.jpg"; /* 4 Standard-Grafik */ Highlight4 = new Image(); Highlight4.src = "bilder/artwork2.jpg"; /* 4 Highlight-Grafik */ Normal5 = new Image(); Normal5.src = "bilder/work1.jpg"; /5 Standard-Grafik */ Highlight5 = new Image(); Highlight5.src = "bilder/work2.jpg"; /* 5 Highlight-Grafik */ /* usw. fuer alle weiteren zu benutzenden Grafiken */ function Bildwechsel (Bildnr, Bildobjekt) { window.document.images[Bildnr].src = Bildobjekt.src; } </script>
und hier der html code auf den es angewandt werden soll:
Code:
<table> <tr class="button"><td >[img]bilder/button1u2.jpg[/img]</td></tr><tr class="button"><td>[img]bilder/home1.jpg[/img]</td></td> <tr class="button"><td >[img]bilder/button1u2.jpg[/img]</td></tr><tr class="button"><td>[img]bilder/Kontakt1.jpg[/img]</td></tr> <tr class="button"><td >[img]bilder/button1u2.jpg[/img]</td></tr><tr class="button"><td>[img]bilder/Gästebuch1.jpg[/img]</td></tr> <tr class="button"><td >[img]bilder/button1u2.jpg[/img]</td></tr><tr class="button"><td>[img]bilder/artwork1.jpg[/img]</td></tr> <tr class="button"><td>[img]bilder/button1u2.jpg[/img]</td></tr><tr class="button"><td>[img]bilder/work1.jpg[/img] </td></tr><tr class="button"><td>[img]bilder/button1u2.jpg[/img]</td></tr></table>
Kommentar