<commit_before>---
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>
<commit_msg>Reduce zoom ratio in default example<commit_after>---
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>

{'fraction_non_alphanumeric': 0.22934076137418755, 'fraction_numerical': 0.01021355617455896, 'mean_word_length': 6.045751633986928, 'pattern_counts': {'":': 0, '<': 23, '<?xml version=': 0, '>': 23, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6508089', 'n_tokens_mistral': 394, 'n_tokens_neox': 374, 'n_words': 68}