This is a discussion on "Rollover Images in diff cells" within the Web Page Design section. This forum, and the thread "Rollover Images in diff cells are both part of the Design Your Website category.
|
|
|
|
|
![]() |
||
Rollover Images in diff cells
|
||
| Notices |
![]() |
|
|
LinkBack | Thread Tools |
|
|||
|
Rollover Images in diff cells
Hi Folks,
I am fairly new to web design and use Macromedia MX. I would appreciate your help with the following.... I want to create mouse over effect where simply running the mouse over a number of different small images will make a different image either expand or appear in a seperate area of the page. For example I want a row of thumbnail photos to individually appear as full size in a main photoframe when you mouse over. Normal rollover images in Dreamweaver only appear in the same cell as the original image. Is there a simple way to make them appear somewhere else? Would appreciate any help yo9u can give. Cheers, Jim |
|
|
|
|||
|
Re: Rollover Images in diff cells
Great question, I'm wondering the same thing myself.
|
|
|||
|
Re: Rollover Images in diff cells
Herkalees did a similar thing if you click the images on the left, it brings up new info without having to change pages.
http://www.fuddruckersne.com/menu/ The css and java for how it works can be downloaded: http://www.fuddruckersne.com/scripts/menu-hide.js http://www.fuddruckersne.com/styles/screen.css ---------- Now if you want the dreamweaver version (its not very good as it tends to have problems) Make a new layer and put in there the content you want to show, give the layer an id (name) and set it to hidden. Highlight some text and go to behaviours > Show Hide layers Choose to show the layer that you have just made, you can set the mousefunction to which ever you want. |
|
||||
|
Re: Rollover Images in diff cells
I remember something about this from my dreamweaver and fireworks training... You can set up behaviours to show/hide layers (divs). this includes a fair chunk of javascript but it can be done....
And it's through a GUI so its n00b friendly.
Last Blog Entry: Annoying people.... (Jan 16th, 2008)
|
|
|||
|
Re: Rollover Images in diff cells
Quote:
|
|
||||
|
Re: Rollover Images in diff cells
Quote:
Last Blog Entry: Annoying people.... (Jan 16th, 2008)
|
|
|||
|
Re: Rollover Images in diff cells
thanks for all your help. Got it working by using layers and link behaviours as suggested.
Only tested it in IE so far but it works fine, once I get the site somewhere near ready I will post it on the forum. I think the behavior and layers thing will solve quite a few of my problems. Looks like I will be able to use it for bits of animation with timelines as well. Probably easier messing around with that than trying to work out how to use Flash at the moment! |
![]() |
| Tags |
| rollover, images, diff, cells |
| Thread Tools | |
|
|
Similar Threads
|
||||
| Thread | Thread Starter | Forum | Replies | Last Post |
| multiple rollover images change multiple images | joshlindem | Web Page Design | 4 | Apr 18th, 2008 09:11 |
| Creating rollover images in photoshop | Kurt | Graphics and 3D | 8 | Sep 9th, 2007 21:11 |
| Rollover images not placed correctly | smandge | Web Page Design | 1 | Jan 30th, 2007 12:50 |
| Help w/ rollover images not loading | camcool21 | JavaScript Forum | 3 | Jan 1st, 2007 01:22 |
| Switching images in cells... | Kingcobra220 | JavaScript Forum | 2 | Sep 3rd, 2006 22:33 |