jQuery-Funktion »zoomple« mit Gridelements
Vergrößerungsglas-Funktion bei Bildern (Magnifier)
wie es gemacht wird lesen Sie hier:
Javascript-Datei und STYLE einbinden
Die STYLE-Angaben unten sind natürlich besser in Eurer CSS-Datei aufgehoben. Sie werden nur hier auf dieser Seite im Seiten-Header untergebracht. (Fehlen die Style-Angaben, dann sehen Sie nichts!):
page.headerData.6706 = TEXT
page.headerData.6706.value (
<script type="text/javascript" src="fileadmin/JScripts/zoomple-1.4.js"></script>
<style type="text/css">
/* jQuery zoomple: */
#Previewholder{
left:0;
top:0;
position:absolute;
display:none;
background:#fff;
border:1px solid #DCDCDC;
z-index:1111;
}
#Previewholder img{
display:block;
}
#Previewholder p{
margin:0;
padding:0;
font:11px Verdana,sans-serif;
color:#090808;
}
#Previewholder p span{
border-top:1px solid #ccc;
display:block;
padding:5px;
}
</style>
)