HTML Editor, mouseover, and table
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
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
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:
Try changing the ccover[n].src=""+n+"b.gif"; to jpg and see if that will work.
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";
}
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.
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
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
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.
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.
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.
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.
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.
Thanks so much for your help on this, btw.
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.
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.