Ist im Prinzip ganz einfach in WSX5 einzubauen.
Hier meine TESTSEITE
Die Magic Zoom Demo runterladen und die 2 Ordner "images und magiczoom" in den Root eures Servers.
Danach in "Eigenschaften der Seite" "Erweitert" vor dem </HEAD> Tag dann folgenden Code
- <link type="text/css" rel="stylesheet" href="magiczoom/magiczoom.css"/>
- <script type="text/javascript" src="magiczoom/magiczoom.js"></script>
Danach in einem HTML Widget folgenden Code (den man haben will) in der Demo ist der...
- <a href="images/r1-blue-3.jpg" class="MagicZoom" id="Zoomer3" rel="selectors-change: mouseover; selectors-effect: fade" title="Blue Yamaha YZF-R1"><img src="images/r1-blue-2.jpg"/></a> <br/>
-
- <a href="images/r1-red-3.jpg" rel="zoom-id:Zoomer3" rev="images/r1-red-2.jpg" title="Red Yahama YZF-R1"><img src="images/r1-red-1.jpg"/></a>
- <a href="images/r1-black-3.jpg" rel="zoom-id:Zoomer3" rev="images/r1-black-2.jpg" title="Black Yamaha YZF-R1"><img src="images/r1-black-1.jpg"/></a>
- <a href="images/r1-blue-3.jpg" rel="zoom-id:Zoomer3" rev="images/r1-blue-2.jpg" title="Blue Yamaha YZF-r1"><img src="images/r1-blue-1.jpg"/></a>
Speichern - raufladen - fertig