Magic Icon Image Rollovers: Magic JavaScript

Quick Jump ↵

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">

Notes

Image Rollovers aren't supported in touch-based browsers.

« Back to the main documentation