Magic Zoom™ wizard
Build your perfect Magic Zoom™ below! Also see more examples and the installation instructions.
Change design: |
|
Copy and paste the code:
Apply your settings with either the rel attribute or via a <script> tag:
rel attribute
-
<!-- Define Magic Zoom -->
-
<a href="big.jpg" class="MagicZoom" id="zoom" rel=""><img src="small.jpg"/></a>
-
<!-- Thumbnails -->
-
<a href="img/bike1-big.jpg" rel="zoom-id:zoom;" rev="img/bike1-small.jpg" title="Blue bike"><img src="img/bike1-tiny.jpg"/></a>
-
<a href="img/bike2-big.jpg" rel="zoom-id:zoom;" rev="img/bike2-small.jpg" title="Red bike"><img src="img/bike2-tiny.jpg"/></a>
-
<a href="img/bike3-big.jpg" rel="zoom-id:zoom;" rev="img/bike3-small.jpg"><img src="img/bike3-tiny.jpg"/></a>
script tag
-
<!-- Define Magic Zoom options -->
-
<script type="text/javascript">
-
MagicZoom.options = {
-
}
-
</script>
-
<!-- Define Magic Zoom -->
-
<a href="big.jpg" class="MagicZoom" id="zoom"><img src="small.jpg"/></a>
-
<!-- Thumbnails -->
-
<a href="img/bike1-big.jpg" rel="zoom-id:zoom;" rev="img/bike1-small.jpg" title="Blue bike"><img src="img/bike1-tiny.jpg"/></a>
-
<a href="img/bike2-big.jpg" rel="zoom-id:zoom;" rev="img/bike2-small.jpg" title="Red bike"><img src="img/bike2-tiny.jpg"/></a>
-
<a href="img/bike3-big.jpg" rel="zoom-id:zoom;" rev="img/bike3-small.jpg"><img src="img/bike3-tiny.jpg"/></a>
Get Magic Zoom™ for your site:
Buy Now1 site license £29
30 day money-back guarantee.
Free license for non-commercial use
Download Free trial
30 minutes free technical support.
Payment
Pay by credit card or bank transfer, then download your product.
100% Support
30 minutes free technical support.
Guarantee
30 day money-back guarantee.