navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

Microsoft MVP

 

Mouseover/imageswap/show <div>

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> Mouseover/imageswap/show <div>
Page: [1]
 
kopythat

 

Posts: 2
Joined: 11/16/2005
Status: offline

 
Mouseover/imageswap/show <div> - 11/16/2005 9:54:17   
I have been playing with this for a bit and just cant figure it out.....i think maybe because I am using to different types of code...


but this is what I want to do:

I have an image, and on mouseover i want to swap the image. and on click I want to show a description of the picture in text box. and on mouse out restore the image. and when another image is clicked to swap that image and show a different descripton n the text box(div slot)

I can get 1 or the other to work, but not both at the same time.....

If someone could help that would be greatlly appreciated

Kopy
rdouglass

 

Posts: 9272
From: Biddeford, ME USA
Status: offline

 
RE: Mouseover/imageswap/show <div> - 11/16/2005 19:15:51   
quote:

have an image, and on mouseover i want to swap the image. and on click I want to show a description of the picture in text box. and on mouse out restore the image. and when another image is clicked to swap that image and show a different descripton n the text box(div slot)


Can you post what you have? I don't think CSS will do all of that 'cause of the "on click" requirement you have. I don't know of any "onclick"s in CSS. I suspect a JavaScript will be required.

_____________________________

Don't take you're eye off your final destination.

ASP Checkbox Function Tutorial.

(in reply to kopythat)
chistolinks

 

Posts: 3
Joined: 12/16/2005
Status: offline

 
RE: Mouseover/imageswap/show <div> - 12/16/2005 8:10:03   
what you're trying to do cannot be done with css as far as i know. you'll need javascript to do this. look at http://javascript.internet.com. there are good examples there. you might want to combine two or more javascripts to be able to do everything that you're asking for.

christopher links

(in reply to rdouglass)
Lazykatz

 

Posts: 159
Joined: 1/12/2005
Status: offline

 
RE: Mouseover/imageswap/show <div> - 1/1/2006 23:29:34   
As rdouglass said.. post your work online so everyone knows what you're trying to do, also make sure the page(s) validate.

html- http://validator.w3.org/check/referer
css- http://jigsaw.w3.org/css-validator/check/referer

Here is the site of Stu Nicholls.. he does wonders with working with images, menus, mouseovers using CSS. You can see some of the mouseover effects on this page before it redirects you to his new site in 15 seconds.
http://www.stunicholls.myby.co.uk/

You can find alot of help in the CSS links section posted in this forum.
http://www.frontpagewebmaster.com/m-173804/tm.htm

Grizz

_____________________________

http://lazykatz.com


(in reply to chistolinks)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> Mouseover/imageswap/show <div>
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts