Rollover Images in diff cells

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.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1 (permalink)  
Old Jun 11th, 2006, 15:43
New Member
Join Date: Jun 2006
Location: manchester
Age: 31
Posts: 3
Thanks: 0
Thanked 0 Times in 0 Posts
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
Reply With Quote

  #2 (permalink)  
Old Jun 12th, 2006, 04:18
New Member
Join Date: Jun 2006
Location: mtl
Age: 28
Posts: 5
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Rollover Images in diff cells

Great question, I'm wondering the same thing myself.
Reply With Quote
  #3 (permalink)  
Old Jun 12th, 2006, 16:52
Most Reputable Member
Join Date: Aug 2005
Location: North Wales, United Kingdom
Age: 21
Posts: 1,093
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via MSN to sypher
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.
Reply With Quote
  #4 (permalink)  
Old Jun 13th, 2006, 14:28
minute44's Avatar
Moderator
Join Date: Apr 2006
Location: Nottingham UK
Age: 24
Posts: 1,347
Blog Entries: 1
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via MSN to minute44
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)
Reply With Quote
  #5 (permalink)  
Old Jun 13th, 2006, 14:30
Most Reputable Member
Join Date: Aug 2005
Location: North Wales, United Kingdom
Age: 21
Posts: 1,093
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via MSN to sypher
Re: Rollover Images in diff cells

Quote:
Originally Posted by minute44
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.
I said that :P
Reply With Quote
  #6 (permalink)  
Old Jun 13th, 2006, 15:20
minute44's Avatar
Moderator
Join Date: Apr 2006
Location: Nottingham UK
Age: 24
Posts: 1,347
Blog Entries: 1
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via MSN to minute44
Re: Rollover Images in diff cells

Quote:
Originally Posted by sypher
I said that :P
oops, my bad!
Last Blog Entry: Annoying people.... (Jan 16th, 2008)
Reply With Quote
  #7 (permalink)  
Old Jun 16th, 2006, 14:04
New Member
Join Date: Jun 2006
Location: manchester
Age: 31
Posts: 3
Thanks: 0
Thanked 0 Times in 0 Posts
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!
Reply With Quote
Reply

Tags
rollover, images, diff, cells

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

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


All times are GMT. The time now is 23:40.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43