This module provides a simple method to enable content editors to use image rollover states. It makes no checks against the referenced image types, it simply converts [rollover] wrappers into actual rollover images. It does use a Javascript based approach, and causes no harm to images in an environment where there is no Javascript.
Important!
If you have the "Convert URLs into links" filter enabled, the Rollover Filter must come first in the filter processing order - otherwise usage of full URLs will result in broken ugliness.
Example Usage:
[rollover:/sites/default/files/my-rollover.jpg]<img alt href="/sites/default/files/my-image.jpg" />[/rollover]
Using Streams
[rollover:public://my-rollover.jpg]<img alt href="/sites/default/files/my-image.jpg" />[/rollover]
Using Complete URLs
[rollover:http://somedomain.com/someimage.jpg]<img alt href="/sites/default/files/my-image.jpg" />[/rollover]
If the image is also a link, it is important to wrap the anchor tag around the [rollover] tag, and not vice versa.
Incorrect Hyperlinking:
[rollover:/sites/default/files/my-rollover.jpg]<a href="/"><img alt href="/sites/default/files/my-image.jpg" /></a>[/rollover]
Correct Hyperlinking: