---
layout: widgets
title: Mobify.js Zoomable Example
---

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script src="{{ site.baseurl }}/static/examples/js/zoomable.js"></script>

<a href="{{ site.baseurl }}/static/examples/img/zoom_big.jpg"><img src="{{ site.baseurl }}/static/examples/img/zoom_thumb.jpg" style="width: 100%"></a>
<a href="{{ site.baseurl }}/static/examples/img/zoom_big.jpg">Zoom me</a>
<script>$('a[href$="jpg"]').zoomable({ratio: 4});</script>

---
layout: widgets
title: Mobify.js Zoomable Example
---

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script src="{{ site.baseurl }}/static/examples/js/zoomable.js"></script>

<a href="{{ site.baseurl }}/static/examples/img/zoom_big.jpg"><img src="{{ site.baseurl }}/static/examples/img/zoom_thumb.jpg" style="width: 100%"></a>
<a href="{{ site.baseurl }}/static/examples/img/zoom_big.jpg">Zoom me</a>
<script>$('a[href$="jpg"]').zoomable();</script>

Reduce zoom ratio in default example
Reduce zoom ratio in default example
