Magic Zoom Plus™ wizard
Build your perfect zoom! Also see more examples and the customization options.
Change design: |
|
Here's your code:
Inline declaration:
-
<!-- Define Magic Zoom Plus -->
-
<a href="images/big.jpg" class="MagicZoomPlus" rel="" id="zoom"><img src="images/small.jpg"/></a>
Alternative declaration:
-
<!-- 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>
Selectors code:
-
<!-- Selector with standard title -->
-
<a href="images/big.jpg" rel="zoom-id: zoom;" rev="images/small.jpg" title="Red harley"><img src="images/tiny.jpg"/></a>
-
<!-- Selector with different title and resized zoom window -->
-
<a href="images/big-2.jpg" rel="zoom-id: zoom; zoom-width: 600px; zoom-height: 200px;" rev="images/small-2.jpg" title="Green harley"><img src="images/tiny-2.jpg"/></a>
-
<!-- Selector without title and with inverted opacity -->
-
<a href="images/big-3.jpg" rel="zoom-id: zoom; opacity-reverse: true; show-title: false;" rev="images/small-3.jpg"><img src="images/tiny-3.jpg"/></a>
Buy Now1 site license £45
30 day money-back guarantee.
Free license for non-commercial use
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.