Magic Zoom™ wizard
Build your perfect Magic Zoom™ below! Also see more examples and the installation instructions.
Change design: |
|
Here's your code:
Inline declaration:
-
<!-- Define Magic Zoom -->
-
<a href="big.jpg" class="MagicZoom" rel="" id="zoom"><img src="small.jpg"/></a>
Alternative declaration:
-
<!-- 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>
Selectors code:
-
<!-- Selector with standard title -->
-
<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>
-
<!-- Selector with different title and resized zoom window -->
-
<a href="img/bike2-big.jpg" rel="zoom-id:zoom; zoom-width:600px; zoom-height:200px;" rev="img/bike2-small.jpg" title="Red bike"><img src="img/bike2-tiny.jpg"/></a>
-
<!-- Selector without title and with inverted opacity -->
-
<a href="img/bike3-big.jpg" rel="zoom-id:zoom; opacity-reverse:true; show-title:false;" rev="img/bike3-small.jpg"><img src="img/bike3-tiny.jpg"/></a>
Buy Now1 site license £29
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.