Forums

Need the correct syntax for Mouse over

Permalink
I have my two images in the file manager:

http://www.greaterbendrotary.com/index.php/about-rotary/donation-re...

http://www.greaterbendrotary.com/files/4113/9956/6219/pdf_over_smal...

However, I do not know the way to set this up in C5...even using HTML.

Any help appreciated...

Todd
rtcary
 
hutman replied on at Permalink Reply
hutman
Are you just trying to display an image that changes on hover? If you are you can use the Image blcok, it has an option for the standard image and also the hover image.

If you are trying to do something else please provide more detail as to what you are trying to do.
rtcary replied on at Permalink Reply
rtcary
I have inherited an application that has a mouseover on a png that takes the users to a pdf page. I am not sure how the html was created.

http://www.greaterbendrotary.com/index.php/about-rotary/donation-re...

Iwould like to do the same here:

http://www.greaterbendrotary.com/index.php/ad-sales-campaign/...

Any help would be greatly appreciated.

Todd
hutman replied on at Permalink Best Answer Reply
hutman
You should be able to do both the link and the image with the built in image block and it will take care of that javascript to change out the image for you.

If you ever want to do this by hand with HTML and javascript the syntax looks like this 
<a title="Title" href="LinkToPDF"><img onmouseover="this.src='URLToHoverImage';" onmouseout="this.src='URLToRegularImage';" src="URLToRegularImageg" /></a>
JohntheFish replied on at Permalink Reply
JohntheFish
You can often do mouseover changes without any javascript by using the css :hover selector. Sometimes the css way is easier. Sometimes the javascript way is easier.
rtcary replied on at Permalink Reply
rtcary
Thank you all for the insights into what would otherwise be difficult for me to discover on my own (as so many aspects of C5 happen to be). Coming from a PHP background, it has been difficult for me to get in sync with the MVC, C5 style, way of doing things let alone to learn that "extra language".

With appreciation...

Todd

This website stores cookies on your computer. These cookies are used to improve your website experience and provide more personalized services to you, both on this website and through other media. To find out more about the cookies we use, see our Privacy Policy.