4WebHelp
 FAQ  •  Search  •  User Groups  •  Forum Admins  •  Smilies List  •  Statistics  •  Rules   •  Login   •  Register
Toggle Navigation Menu

 CSS hover image
Post New TopicReply to Topic
View Previous Topic Print this topic View Next Topic
Author Message
ddevore
Junior WebHelper
Junior WebHelper


Joined: 03 Jul 2003
Posts: 3
Location: USA

PostPosted: Thu Jul 03, 2003 4:11 pm (14 years, 3 months ago) Reply with QuoteBack to Top

I am looking for a way to change the image of a link when hovering. Is there a tag for "a:hover" that will change the image?
OfflineView User's ProfileFind all posts by ddevoreSend Personal MessageVisit Poster's Website
Daniel
Team Member



Joined: 06 Jan 2002
Posts: 2564

PostPosted: Thu Jul 03, 2003 4:19 pm (14 years, 3 months ago) Reply with QuoteBack to Top

There are many scripts out there to do what you want, and Macromedia Dreamweaver will do it for you too. Here are a few:

http://www.pageresource.com/jscript/jhover.htm
http://www.javascriptcity.com/scripts/local/simage1.htm
http://www.wsabstract.com/javatutors/image1.shtml

________________________________
Image
OfflineView User's ProfileFind all posts by DanielSend Personal Message
ddevore
Junior WebHelper
Junior WebHelper


Joined: 03 Jul 2003
Posts: 3
Location: USA

PostPosted: Thu Jul 03, 2003 6:59 pm (14 years, 3 months ago) Reply with QuoteBack to Top

I have a script that I could use already. I am just trying to get away from putting any .js in the page. Is there a way to accomplish this with the use of CSS?
OfflineView User's ProfileFind all posts by ddevoreSend Personal MessageVisit Poster's Website
jayant
Team Member



Joined: 07 Jan 2002
Posts: 262
Location: New Delhi, India

PostPosted: Thu Jul 03, 2003 7:24 pm (14 years, 3 months ago) Reply with QuoteBack to Top

yup.

in change the background-image of a:hover , keep the foreground image as a tranparent gif/png.

so when user hovers the background image changes and in effect what u want.

________________________________
Jayant Kumar
Member of the 4WebHelp Team
Nibble Guru - Computing Queries Demystified
GZip/ Page Compression Test
OfflineView User's ProfileFind all posts by jayantSend Personal MessageVisit Poster's WebsiteYahoo MessengerMSN Messenger
ddevore
Junior WebHelper
Junior WebHelper


Joined: 03 Jul 2003
Posts: 3
Location: USA

PostPosted: Thu Jul 03, 2003 9:40 pm (14 years, 3 months ago) Reply with QuoteBack to Top

This is seaming to work though I cannot seem to get the images correct. In NS the image is only half of what it should be and at the bottom of the "box". In IE the images are wanting to repeat which is causing the top couple of rows of pixs at the bottom of the image. The IE problem I fixed by putting the no-repeat in for the background-image though the NS problem really has me stumped.
OfflineView User's ProfileFind all posts by ddevoreSend Personal MessageVisit Poster's Website
Display posts from previous:      
Post New TopicReply to Topic
View Previous Topic Print this topic View Next Topic


 Jump to:   




You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot edit your posts in this forum.
You cannot delete your posts in this forum.
You cannot vote in polls in this forum.


Page generation time: 0.047547 seconds :: 17 queries executed :: All Times are GMT
Powered by phpBB 2.0 © 2001, 2002 phpBB Group :: Based on an FI Theme