I'm truly hoping y'all can help me. I have a site I'm developing, and the owner wants all the images to have rollovers. They all work EXCEPT the latest, which are small social icons. You can view the site at archwaysandceilings DOT com.
The images in the left sidebar all use a script that looks like this:
btnTwitteron = new Image();
btnTwitteron.src = "images/bt_twitter_f2.gif";
btnTwitteroff = new Image();
btnTwitteroff.src = "images/bt_twitter.gif";[CODE]
The image then uses this code:
[CODE]<a href="https://twitter.com/Archking57" target="_blank" onmouseover="turnOn('btnTwitter')" onmouseout="turnOff('btnTwitter')" ><img src="images/bt_twitter.png" name="btnTwitter" alt="Archways & Ceilings on Twitter" />
This is the code used to do all of the images in the left sidebar, and all of them work!
Alternatively, on the images in the right side, I used this:
<a href="ceilings-made-easy.php" onmouseover='Ceilings.src="images/Ceilings-Product-Line-Mouse-Over.jpg"' onmouseout='Ceilings.src="images/Ceilings-Product-Line-Base.jpg"'><img src="images/Ceilings-Product-Line-Base.jpg" name="Ceilings" alt="ceiling systems" /></a>
This code works on those images, yet when I tried it on the social images, that won't work either.
I've tried both forms of code, I've changed the file type of the images (they started out as .png, I tried .jpg & .gif) and nothing is working.
SOMEONE PLEASE HELP ME!!!! I'm at the end of my rope! I've spent hours going over every letter, checking the syntax and I can't come up with anything that is stopping it from working.