Zoomt hij ook de afbeelding in bij jou?
Hier werkt het in Chrome en Firefox allebei niet...
Heb je misschien ook wat relevante code, ik kon het zo snel niet vinden...
@Tim Slootweg:
Jazeker!
Dit heb ik tussen de head tags geplaatst:
<link rel="stylesheet" type="text/css" href="http://pandamedia.nl/jaewhoo/wp-content/themes/JaeWhooTheme/cloudzoom.css" />
<script type="text/javascript" src="http://pandamedia.nl/jaewhoo/wp-content/themes/JaeWhooTheme/cloudzoom.js"></script>
<script type="text/javascript">
CloudZoom.quickStart();
</script>
En de afbeelding roep ik zo op:
<img src="http://pandamedia.nl/jaewhoo/wp-content/uploads/2013/01/collection1.jpg" class="cloudzoom" data-cloudzoom = "zoomImage: 'http://pandamedia.nl/jaewhoo/wp-content/themes/JaeWhooTheme/img/collection_big.jpg' " style="float: left;" />
Het rare is dat de hover wel werkt, maar de zoom niet...
Als de hover wel werkt zit het probleem denk niet in het javascript gedeelte.
En in het voorbeeld staat ook image en zoomImage, jij heb alleen het laatste. Misschien heeft het er iets mee te maken.
Dit is het voorbeeld wat ik van de site heb gedownload:
<img class = "cloudzoom" src = "images/small/image1.jpg"
data-cloudzoom = "zoomImage: 'images/large/image1.jpg'" />
Zover ik kan zien komt mijn img tag overeen met deze.
T
Tim S
23-01-2013 13:56
gewijzigd op 23-01-2013 13:56
Weet je zeker dat je zoomImage een grote afbeelding is en wat gebeurt er als je zoomImage weg haalt?
Moet ik dit invullen dan? En welke id moet ik kiezen?
Ik zie hier namelijk niets over terug in het voorbeeld van de site.
