[nnicholson1]

Hi,

I’m trying to insert an image with a rollover effect on to my page using the following code:

The effect works fine in my “Edit Page” window but when I preview it or publish it the rollover affect doesn’t show up.

Can somebody please help me?

Thanks in advance!

[nnicholson1]

Sorry, I changed my open and close brackets from < & > to $ so you can see it.

$a href=”URL ADDRESS”$$img src=”URL OF THE FIRST IMAGE” onmouseover=”this.src=’URL OF THE SECOND IMAGE'” onmouseout=”this.src=’URL OF THE FIRST IMAGE'” /$$/a$

[Sakin]

@nnicholson1: I don’t get what type of code is that, as the HTML link doesn’t have onmouseover. See this http://www.w3schools.com/html/html_links.asp

[nnicholson1]

@Sakin: This is what I’m trying to do: http://www.spiceupyourblog.com/2009/10/how-to-make-rollover-mouse-over-image.html

As I said in my first comment, it works fine in my page editor window but when I publish or preview the page the rollover effect doesn’t work. It just stays static.

[Sakin]

@@nnicholson1: When I added the image as per the instruction mentioned in Simple Catch theme, it works nice. But in your page, you need to add this code in text mode.

[nnicholson1]

@Sakin: It seems to be working now but there is a border showing up around the image for some reason. See the link: http://www.vancouverphotoworks.com/contact-4/contact-details/

It is the Facebook logo on the right.

[Sakin]

@nnicholson1: I see that for other image you have added style="border: none;" in your img tag. For this one also you need to add that.

[nnicholson1]

@Sakin: Thanks! That worked perfectly.

[Author]

Posts