21 Jan 2010 00:13 | hover images module popup wikidot

Have you ever wanted to show an image when you hover your mouse over text?

Something like this:


 [[include :css-competition:include:hover

Can be used to do just that:

For example, the world's smallest horseworlds-smallest-horse.png ? :)


(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


The example shown above was generated using the following code:

[[include :css-competition:include:hover
|prepend=For example, the
|text=world's smallest horse
|append=? :)

Submit Feedback
Please rate this page based on the quality and helpfulness of the content to you.

Average 100% rating from 1 votes.

You may also be interested in…


Add a New Comment
or Sign in as Wikidot user
(will not be published)
- +

21 Aug 2019 11:33

Included page "inc:signature" does not exist (create it now)

Edit | History (1) | Permalink

Add a new comment