Image Rollovers: Magic JavaScript

Usage

Add data-mjf="img_rollovers" data-mjf_img_on="/PATH/TO/IMAGE.jpg" id="IMG_ID" to your <img> tag.
Add <script type="text/javascript">$m.wand.img_rollovers = true;</script> inside your <body> tag.

Example

<img src="../images/examples/magic_0.png" alt="" data-mjf="img_rollovers" data-mjf_img_on="../images/examples/magic_2.png" id="magic_0"> <img src="../images/examples/magic_5.png" alt="" data-mjf="img_rollovers" data-mjf_img_on="../images/examples/magic_3.png" id="magic_5">

« Back to the main documentation