HTML Editor, mouseover, and table

User 1584079 Photo


Registered User
5 posts

Hello

Is it possible to use the mouseover to change a .gif to a .jpg, and to do it within a table?

I have a page http://www.carillion.eastkingdom.org/officers.html] with a logo for each officer position. I want the logo to change to a photo of the current officer on mouse over.

Can this be done? I've tried, but can't figure out exactly where to put the code with the image info.

Thanks!

Lois
User 355448 Photo


Ambassador
3,144 posts

Lois,

What you are trying to do should be possible. With your CC HTML Editor, open a new blank page, look at the code snippets, select JavaScript, select Images, double click on the Image Change on MouseOver. That should load the mouseover code into the blank page. That will give you something to use as a test and you can play around with the code and settings to get it to do what you want.

Look in the code for this:

for(var n=1;n<=5;n++) {
ccover[n].src=""+n+"b.gif";
ccout[n].src=""+n+".gif";
}


Try changing the ccover[n].src=""+n+"b.gif"; to jpg and see if that will work.

User 1584079 Photo


Registered User
5 posts

Thank you, Bill

I have tried without success. Does it matter where the code is placed? Should it be where the image is that I want to change, or does it not matter?

Lois
User 355448 Photo


Ambassador
3,144 posts

Lois,

I will give it a test today and see what I can come up with that you can use to get this going.

Give me an hour or two play around with some code.
User 355448 Photo


Ambassador
3,144 posts

Lois,

Is this what you are trying to do?

http://www.coffeecuphelp.com/broberson/mouseover/

I have the four gif files and the four jpg images in the same location. If you want all the gifs to look alike, just copy the one you want and save it as 1.gif, 2.gif, 3.gif, etc. for as many as you need. Each gif will be the same image but have a different number for the name. Then name the jpg files as 1.jpg, 2.jpg, 3.jpg, etc.

You may need to change the code a little if you have a different number of images than the code is designed to handle.
User 1584079 Photo


Registered User
5 posts

Yes, that's it. Will the fact that my .gif's are in a tabe make a difference?

Thanks so much for your help on this, btw.
User 355448 Photo


Ambassador
3,144 posts

Lois,

The location of the code in your html files should not make any difference. Just be sure to follow the format used by the JavaScript.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.