The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Rollover background image?, Wanting to know if I can create a rollover background image in a table
Stripes
post 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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Sep 22 2010, 06:25 PM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
SaraSHarner
post 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>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 29th March 2024 - 10:18 AM