Dynamische Webseiten

Virtueller Campus Projekt, PHBern

StartseiteJavaScriptCSSJSPPHPMySQLDrucken

Schriftgrösse: kleiner - zurücksetzen - grösser

Bild vergrössern





Anleitung

1. Lade das FancyZoom Package als ZIP herunter:

FancyZoom 1.1.zip (53 KB)

2. Lade die beiden extrahierten Ordner in den Root deines Webservers.

3. Ergänze im <head> Bereich deiner Website die folgenden beiden Zeilen Code:

<script src="/js-global/FancyZoom.js" type="text/javascript"></script>
<script src="/js-global/FancyZoomHTML.js" type="text/javascript"></script>
 

4. Ergänze onload="setupZoom()" im <body> tag. Zum Beispiel so:

<body onload="setupZoom()">
 

5. Füge die Bilder wie folgt ein:

<a href="bild_gross.jpg"><img src="bild_klein.jpg" /></a>

 

Quelle:
http://www.cabel.name/2008/02/fancyzoom-10.html