Text Resizer: Magic JavaScript

Usage

Add <script type="text/javascript">$m.wand.text_resize = XX;</script> inside your <body> tag where XX is the default size in pixels of the text.
Use the example below as a guide for building your own resizer!

Example

Ut at massa aliquam libero porttitor vehicula. Vivamus tristique metus velit. Mauris a quam non tortor tempor laoreet eu sit amet lectus. Suspendisse potenti. Quisque vehicula faucibus lacinia. Proin ligula massa, tristique et fermentum sollicitudin, dictum eget enim. Integer fermentum metus quis libero suscipit in semper lorem ornare. Aenean laoreet, justo a commodo bibendum, lorem nisi rutrum massa, quis gravida dui sapien condimentum eros.

<p> <a href="#" data-mjf="text_resize|return_false" data-mjf_resize_id="text_resize_ex" data-mjf_resize_amt="-1" id="text_resize_ex_smaller">Smaller A-</a> <a href="#" data-mjf="text_resize|return_false" data-mjf_resize_id="text_resize_ex" data-mjf_resize_amt="0" id="text_resize_ex_default">Default</a> <a href="#" data-mjf="text_resize|return_false" data-mjf_resize_id="text_resize_ex" data-mjf_resize_amt="+1" id="text_resize_ex_larger">Larger A+</a> </p> <p id="text_resize_ex">Your content here..</p> <script type="text/javascript">$m.wand.text_resize = 12;</script>

Notes

By default the text size is stored in a cookie for 30 days. Currently this can't be disabled.

« Back to the main documentation