Hover images over text module
Posted by 
leiger on 1264032781|%A, %e %B %Y, %H:%M
Have you ever wanted to show an image when you hover your mouse over text?
For example, the world's smallest horse
? :)
The module looks like this:
[[include :css-competition:include:hover
|prepend=
|text=
|image=
|attributes=
|append=
]]
Attributes
(optional) prepend
- A line of text that appears before the text that has a hover effect on it
(required) text
- The text that you want an image to appear for when the mouse hovers over it
(required) image
- The image to appear when the text is hovered over
- Can be either a full URL or a relative URL (e.g. "/pagename/image.png")
(optional) attributes
- Allows you to set attributes for the image, such as height and width
(optional) append
- A line of text that appears after the text that has a hover effect on it
Example
The example shown above was generated using the following code:
[[include :css-competition:include:hover
|prepend=For example, the
|text=world's smallest horse
|image=http://www.bloganything.net/wp-content/uploads/2006/11/thumbelina-worlds-smallest-horse-small.jpg
|attributes=width="300px"
|append=? :)
]]
Leave a comment
Add a New Comment
