Thumbnail auf Knopfdruck vergrößern

  • Mit folgendem kleinen Script ist es möglich, Grafiken auf Knopfdruck zu vergrößern. Das Script funktioniert mit dem Internet Explorer und Netscape Navigator. In den BODY-Bereich an der gewünschten Stelle folgendes eingeben: <div align="center"><h3>Ein Klick zum Vergrößern / Doppelklick zum Verkleinern</h3></div> <div align="center"> <img src="bilddatei.jpg" width="50" height="75" name="myImage" onclick="javascript:myImage.height=300;myImage.width=197" ondblclick="javascript:myImage.width=50;myImage.height=75"> Bei einem Klick auf das Bild wird in diesem Beispiel das Bild auf 300x197 Pixel gezoomt. Bei einem Doppelklick wird das Bild wieder auf die ursprüngliche Größe gesetzt. Möchten Sie mehrere Bilder auf einer Seite mit diesem Script behandeln, müssen Sie für jede Grafik einen anderen Namen im Bereich name="myImage" angeben. Also überall,wo im Beispiel "myImage" steht z. B. "myImage2" eingeben. Beispiel: <div align="center">Ein Klick zum Vergrössern / Doppelklick zum Verkleinern</div> <div align="center"> <img src="/banner/partnerbanner.jpg" width="59" height="45" name="myImage" onclick="javascript:myImage.height=118;myImage.width=91" ondblclick="javascript:myImage.width=59;myImage.height=45">