Have you ever wanted to show an image when you hover your mouse over text?
Something like this:
Wikidot
[[include :css-competition:include:hover
|prepend=
|text=
|image=
|attributes=
|append=
]]Can be used to do just that:
For example, the world's smallest horse
? :)
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=? :)
]]
