Topic awaiting preservation: Multiple Image Swap $Pages that link to <a href="https://ozoneasylum.com/backlink?for=25044" title="Pages that link to Topic awaiting preservation: Multiple Image Swap" rel="nofollow" >Topic awaiting preservation: Multiple Image Swap\$

Author	Thread
chakka21 Neurotic (0) Inmate Newly admitted From: Insane since: Feb 2005	posted 02-18-2005 01:38 OK, I've got a tough one for everybody. I have scoured the net trying to find the answer to no avail. So I am hoping everyone here on Ozone can help. I have four thumbnails on the side of my webpage. I then have one larger image in the middle. On my server I have larger images for all four thumbnails as well....waiting to be involked. I would like to click on thumbnail 1, have appear as the larger image in the cetner and the previous larger image (which I have a thumbnail for) that WAS there replace the thumbnail that I just clicked on. Anyone got any advice? This one has drivin me nutz. Tony
poi Paranoid (IV) Inmate From: France Insane since: Jun 2002	posted 02-18-2005 01:50 Hello and welcome in the Asylum. Sure it can be done in DHTML. But I'm in a CSS mood tonight. CSS 3 :target pseudo class anyone ? Why not having Fun with :target ? Anyway, check the Frequently Asked Questions, the DHTML answer to your problem is certainly there.
bitdamaged Maniac (V) Mad Scientist From: 100101010011 <-- right about here Insane since: Mar 2000	posted 02-18-2005 02:43 Changing multiple graphics with a rollover. .:[ Never resist a perfect moment ]:.
synax Maniac (V) Inmate From: Cell 666 Insane since: Mar 2002	posted 02-18-2005 03:46 Also note that while CSS3 is awesome, it's not supported by all browsers yet - only by Mozilla's browsers and Safari.
poi Paranoid (IV) Inmate From: France Insane since: Jun 2002	posted 02-18-2005 17:00 CSS3 is still a working draft. So until it becomes a recommendation or specification, or if the number of images is pretty high, we'll have to use some JS to do that sort of things.

Topic awaiting preservation: Multiple Image Swap\$

Author

Thread

chakka21
Neurotic (0) Inmate
Newly admitted

From:
Insane since: Feb 2005

posted 02-18-2005 01:38

OK, I've got a tough one for everybody. I have scoured the net trying to find the answer to no avail. So I am hoping everyone here on Ozone can help.

I have four thumbnails on the side of my webpage. I then have one larger image in the middle. On my server I have larger images for all four thumbnails as well....waiting to be involked.

I would like to click on thumbnail 1, have appear as the larger image in the cetner and the previous larger image (which I have a thumbnail for) that WAS there replace the thumbnail that I just clicked on.

Anyone got any advice? This one has drivin me nutz.

Tony

poi
Paranoid (IV) Inmate

From: France
Insane since: Jun 2002

posted 02-18-2005 01:50

Hello and welcome in the Asylum.

Sure it can be done in DHTML. But I'm in a CSS mood tonight. CSS 3 :target pseudo class anyone ? Why not having Fun with :target ?

Anyway, check the Frequently Asked Questions, the DHTML answer to your problem is certainly there.

bitdamaged
Maniac (V) Mad Scientist

From: 100101010011 <-- right about here
Insane since: Mar 2000

posted 02-18-2005 02:43

Changing multiple graphics with a rollover.

.:[ Never resist a perfect moment ]:.

synax
Maniac (V) Inmate

From: Cell 666
Insane since: Mar 2002

posted 02-18-2005 03:46

Also note that while CSS3 is awesome, it's not supported by all browsers yet - only by Mozilla's browsers and Safari.

poi
Paranoid (IV) Inmate

From: France
Insane since: Jun 2002

posted 02-18-2005 17:00

CSS3 is still a working draft. So until it becomes a recommendation or specification, or if the number of images is pretty high, we'll have to use some JS to do that sort of things.