Support Documentation (WIP) Image Manager Creating a Rollover Image
Creating a Rollover Image PDF Print E-mail
Documentation - Image Manager
Thursday, 10 May 2007 09:18

What is a 'Rollover Image'?

A rollover image is an image that changes when the mouse cursor is placed over it. Here is an example (move your mouse cursor over the image):
strawberry







The Rollover Image Tab

imgmanager_interface_rollover

Enable - Check this box to activate rollover images. This wil enable all fields and allow you to enter in the values below. Once activated the current image will be placed in the Mouse out field and while this tab is visible, the url of the next image selected will be placed in the Mouse over field.

Mouse over - Represents the mouseover event attribute. This is the image displayed when the mouse cursor is placed over the image.

Mouse out - Represents the mouseout event attribute. This is the image displayed when the mouse cursor is moved off the image. This is also usually the defualt image.


To create a Rollover Image:

1.   Select the image that is to be the default image, ie: the one that is displayed in the content item.

2.   Click the 'Rollover Image' tab.

3.   Check the 'Enable' checkbox. You may notice that the 'mouse out' field is already filled with the article image url.

4.   Select the image that you would like as the mouse over image.

5.   You can now go back to the 'Image' tab and adjust the parameters of this image.

6.   Click 'Insert'.

To remove a Rollover Image, uncheck the Enable checkbox
Last Updated on Wednesday, 24 June 2009 11:54
 

Search

Your Account



Tweets

JCE

@joomlablogger This appears to be a Joomla! 1.7 to 2.5 upgrade issue, not a JCE one

by JCE