WikiWealth

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:

Wikidot

 [[include :css-competition:include:hover
 |prepend=
 |text=
 |image=
 |attributes=
 |append=
 ]]

Can be used to do just that:

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

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=? :)
]]


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…


OLD COMMENT SYSTEM (0 comments)

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

Add a new comment