• Home
• »»
• Javascript
• »»
• Bilder "vergrößern"

Dieses Script stellt Vorschaubilder an anderer Stelle vergrößert dar. Um Darstellungsprobleme mit dem Opera zu verhindern, habe ich das transparente Bild (damit man es auch sieht - mit Rahmen) mit den Maßen eines der Bilder einsetzen müssen.
Da die Bildgröße des geladenen Bildes nicht mit übergeben wird, sollten alle Bilder die gleiche Größe haben.
Zum Wechsel der Bilder wird die folgende Javascriptfunktion benötigt.
Hier der Quellcode :

function wechsel(url) {
 window.document.images.bildname.src=url;
 }

Es wird das Bild mit dem Namen "bildname" ausgetauscht.
Und so sieht das verlinkte img-Tag aus:

<a href="javascript:wechsel('../../Bilder/aluser2.gif')">
<img src="../../Bilder/aluser2.gif" width="76" height="86" border="0" alt="Vorschau">
</a>

Und so das Bild, das wechselt:

<img src="../../Bilder/leer.gif" width="152" height="172" border="0" alt="Ansicht" name="bildname">

In diesem Fall wird also ein transparentes Bild mit dem Bild ersetzt, daß in der Klammer des Links vermerkt ist.