Magic Zoom Plus™ wizard
Build your perfect zoom! Also see more examples and the customization options.
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 Plus -->
-
<a href="images/big.jpg" class="MagicZoomPlus" rel="" id="zoom"><img src="images/small.jpg"/></a>
-
<!-- Thumbnails -->
-
<a href="images/big.jpg" rel="zoom-id: zoom;" rev="images/small.jpg" title="Red harley"><img src="images/tiny.jpg"/></a>
-
<a href="images/big-2.jpg" rel="zoom-id: zoom;" rev="images/small-2.jpg" title="Green harley"><img src="images/tiny-2.jpg"/></a>
-
<a href="images/big-3.jpg" rel="zoom-id: zoom;" rev="images/small-3.jpg"><img src="images/tiny-3.jpg"/></a>
script tag
-
<!-- Define Magic Zoom Plus options -->
-
<script type="text/javascript">
-
MagicZoomPlus.options = {
-
}
-
</script>
-
<!-- Define Magic Zoom -->
-
<a href="images/big.jpg" class="MagicZoom" id="zoom"><img src="images/small.jpg"/></a>
-
<!-- Thumbnails -->
-
<a href="images/big.jpg" rel="zoom-id: zoom;" rev="images/small.jpg" title="Red harley"><img src="images/tiny.jpg"/></a>
-
<a href="images/big-2.jpg" rel="zoom-id: zoom;" rev="images/small-2.jpg" title="Green harley"><img src="images/tiny-2.jpg"/></a>
-
<a href="images/big-3.jpg" rel="zoom-id: zoom;" rev="images/small-3.jpg"><img src="images/tiny-3.jpg"/></a>
Get Magic Zoom Plus™ for your site:
Buy Now1 site license £45
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.