Magic Zoom™ wizard
Build your perfect Magic Zoom™ below!
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/hdred-big.jpg" rel="zoom-id:zoom;" rev="img/hdred-small.jpg" title="Red harley"><img src="img/hdred-color.jpg"/></a>
-
<!-- Selector with different title and resized zoom window -->
-
<a href="img/hdgreen-big.jpg" rel="zoom-id:zoom;zoom-width:600px;zoom-height:200px;" rev="img/hdgreen-small.jpg" title="Green harley"><img src="img/hdgreen-color.jpg"/></a>
-
<!-- Selector without title and with inverted opacity -->
-
<a href="img/hdblue-big.jpg" rel="zoom-id:zoom;opacity-reverse:true;show-title:false;" rev="img/hdblue-small.jpg"><img src="img/hdblue-color.jpg"/></a>
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.