Magic Zoom
Eine nette Spielerei mit Bildern ist der Zoom-Effekt von MagicToolbox.
Für nicht kommerzielle Zeiten darf dieser Effekt kostenlos genutzt werden.
Dieser Effekt ist sehr leicht einzubauen und bedarf nicht vieler Dateien.
Demo
global.ccml
Achtung. ich habe die CSS- und JS-Datei umbenannt, im Originalen heißen sie
MagicZoom.css und Mz-packed.js
<cc:asset src="magiczoom.css" dst="magiczoom.css" obj="mymagiczoomstyle">
<cc:asset src="mzpacked.js" dst="mzpacked.js" obj="mymzpackedtyle">
navigation.ccml
<link rel="stylesheet" type="text/css" href="<cc:print value="&mymagiczoomstyle.url">" />
<script type="text/javascript" src="<cc:print value="&mymzpackedtyle.url">"></script>
paragraph_picture.ccml
z.B.
<cc:if cond="¶graph.picture.zoom.ispicture">
<cc:picture uid="¶graph.picture.zoom.uid" obj="hugepic">
<cc:*><a href="<cc:printpictureurl obj="hugepic">" target="_blank"><cc:printpicture obj="bigpic_480"></a></cc:*>
<a href="<cc:printpictureurl obj="hugepic">" class="MagicZoom"><cc:printpicture obj="bigpic_480"></a>
</cc:if>
Eine Alternative bietet jQZoom von Mind Projects,
was etwas mehr Aufwand für die Implementierung erfordert.