Rollover background image?, Wanting to know if I can create a rollover background image in a table |
Rollover background image?, Wanting to know if I can create a rollover background image in a table |
Stripes |
Sep 22 2010, 06:11 PM
Post
#1
|
Newbie Group: Members Posts: 15 Joined: 11-September 10 Member No.: 12,708 |
Hello folks,
Working on a webpage at the moment that is becoming a hassle...I can't seem to fit everyone's needs. Simple, but awesome. I have made a table with some linked pages, changed the style to make the text have a background, as the image I created. I would like these to stand out more, more like a navbar - rollover images. The problem is, if I do this, and want to add more links later, I will / someone else will have to open the .psd and edit the text on both forms of the images (up and down images). Is there a simpler way so all the text can be edited in DreamWeaver, with a rollover effect going on? Thanks. |
pandy |
Sep 22 2010, 06:25 PM
Post
#2
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,734 Joined: 9-August 06 Member No.: 6 |
Use normal text and just change the background? Hard to say without an idea of what it looks like.
|
SaraSHarner |
Oct 7 2010, 07:00 PM
Post
#3
|
Newbie Group: Members Posts: 12 Joined: 7-October 10 Member No.: 12,892 |
Try this:
<script TYPE="text/javascript"> <!-- // copyright 1999 Idocs, Inc. http://www.idocs.com/tags/ // Distribute this script freely, but please keep this // notice with the code. var rollOverArr=new Array(); function setrollover(OverImgSrc,pageImageName) { if (! document.images)return; if (pageImageName == null) pageImageName = document.images[document.images.length-1].name; rollOverArr[pageImageName]=new Object; rollOverArr[pageImageName].overImg = new Image; rollOverArr[pageImageName].overImg.src=OverImgSrc; } function rollover(pageImageName) { if (! document.images)return; if (! rollOverArr[pageImageName])return; if (! rollOverArr[pageImageName].outImg) { rollOverArr[pageImageName].outImg = new Image; rollOverArr[pageImageName].outImg.src = document.images[pageImageName].src; } document.images[pageImageName].src=rollOverArr[pageImageName].overImg.src; } function rollout(pageImageName) { if (! document.images)return; if (! rollOverArr[pageImageName])return; document.images[pageImageName].src=rollOverArr[pageImageName].outImg.src; } //--> </SCRIPT> |
Lo-Fi Version | Time is now: 5th May 2024 - 09:44 PM |