RSS Forums RSS
Please support our Graphics and Multimedia advertiser: Internet Marketing Services
Views: 1577 | Replies: 10 | Thread Tools  Display Modes
Reply
Join Date: Aug 2007
Posts: 49
Reputation: ggeoff is an unknown quantity at this point 
Rep Power: 2
Solved Threads: 0
ggeoff ggeoff is offline Offline
Light Poster

Small photos to big photos on same page

  #1  
Jul 24th, 2008
I have seen websites where an arrangement of several photos is displayed. The user can see an enlarged photo by clicking or mouseover a small photo. The larger photo is displayed on the same page at the side of the arrangement of the smaller photos or in some other place on the same page.

The big photo is replaced by another big photo when the user selects another small photo
I am wondering where I can find a program to do this, or will I have to work from a script? At present I am using Frontpage 2002 but I am upgrading to MS Expresson Web 2.0 soon.
AddThis Social Bookmark Button
Reply With Quote  
Join Date: Jan 2007
Posts: 2,701
Reputation: MidiMagic is on a distinguished road 
Rep Power: 7
Solved Threads: 123
MidiMagic's Avatar
MidiMagic MidiMagic is offline Offline
Posting Maven

Re: Small photos to big photos on same page

  #2  
Jul 24th, 2008
Here is how it works:

1. Each small photo is a reduced size and resolution thumbnail image of its larger photo.

2. Each thumbnail is made a clickable device with an onclick to call a JS function for that photo. There is one function for each photo.

3. The function loads the image into an img container for the large picture.
Daylight-saving time uses more gasoline
Reply With Quote  
Join Date: Aug 2007
Posts: 49
Reputation: ggeoff is an unknown quantity at this point 
Rep Power: 2
Solved Threads: 0
ggeoff ggeoff is offline Offline
Light Poster

Re: Small photos to big photos on same page

  #3  
Jul 24th, 2008
Thanks Midimagic how do I get the code?
Reply With Quote  
Join Date: Jan 2007
Posts: 2,701
Reputation: MidiMagic is on a distinguished road 
Rep Power: 7
Solved Threads: 123
MidiMagic's Avatar
MidiMagic MidiMagic is offline Offline
Posting Maven

Re: Small photos to big photos on same page

  #4  
Jul 31st, 2008
You learn JavaScript and write it. It must be specific to your images.
Daylight-saving time uses more gasoline
Reply With Quote  
Join Date: Jul 2008
Posts: 11
Reputation: sTyleSHA is an unknown quantity at this point 
Rep Power: 1
Solved Threads: 0
sTyleSHA sTyleSHA is offline Offline
Newbie Poster

Re: Small photos to big photos on same page

  #5  
Aug 1st, 2008
Originally Posted by ggeoff View Post
I have seen websites where an arrangement of several photos is displayed. The user can see an enlarged photo by clicking or mouseover a small photo. The larger photo is displayed on the same page at the side of the arrangement of the smaller photos or in some other place on the same page.

The big photo is replaced by another big photo when the user selects another small photo
I am wondering where I can find a program to do this, or will I have to work from a script? At present I am using Frontpage 2002 but I am upgrading to MS Expresson Web 2.0 soon.


I think you are mentioning the Carousel View...Search for "carousel menu in flash" in google..it could be made in flash...some sites for your reference where you may find this source or tutorial is.

http://www.flshow.net/
www.kirupa.com
www.ffiles.com
www.flashkit.com (huge)
Reply With Quote  
Join Date: Aug 2007
Posts: 49
Reputation: ggeoff is an unknown quantity at this point 
Rep Power: 2
Solved Threads: 0
ggeoff ggeoff is offline Offline
Light Poster

Re: Small photos to big photos on same page

  #6  
Aug 1st, 2008
Originally Posted by sTyleSHA View Post
I think you are mentioning the Carousel View...Search for "carousel menu in flash" in google..it could be made in flash...some sites for your reference where you may find this source or tutorial is.

http://www.flshow.net/
www.kirupa.com
www.ffiles.com
www.flashkit.com (huge)


Thanks sTyleSHA but I don't have the Flash program I have FP 2002 and have just bought Expression Web 2.0. I also understand that many users will not be able to view Flash material. I was hoping to find a program that would do this for me, r4ather than reinvent the wheel.
Reply With Quote  
Join Date: Aug 2007
Posts: 49
Reputation: ggeoff is an unknown quantity at this point 
Rep Power: 2
Solved Threads: 0
ggeoff ggeoff is offline Offline
Light Poster

Re: Small photos to big photos on same page

  #7  
Aug 1st, 2008
Originally Posted by MidiMagic View Post
You learn JavaScript and write it. It must be specific to your images.


Thanks MidiMagic. I don't understand why the program has to be specific to the images, if the only variables are position, size, image large and image small. However, I have found Craig Grannell's book: 'CSS and HTML Web Design' that has the code in it. The tutorial material is under 'Using links & Creating Navigation' section: 'Creating an online gallery' and uses JavaScript. The technique is called 'switching images with JavaScript' It cost 35USD and is a good buy.

I'll have to learn how to write and use JavaScript and also need to get started with CSS. I suppose I'll just have to take the steps to increase my knowledge in order to make my websites more professional. Thanks once again.
Reply With Quote  
Join Date: Jan 2007
Posts: 2,701
Reputation: MidiMagic is on a distinguished road 
Rep Power: 7
Solved Threads: 123
MidiMagic's Avatar
MidiMagic MidiMagic is offline Offline
Posting Maven

Re: Small photos to big photos on same page

  #8  
Aug 4th, 2008
It has to know the filenames and locations too.
Daylight-saving time uses more gasoline
Reply With Quote  
Join Date: Aug 2007
Posts: 49
Reputation: ggeoff is an unknown quantity at this point 
Rep Power: 2
Solved Threads: 0
ggeoff ggeoff is offline Offline
Light Poster

Re: Small photos to big photos on same page

  #9  
Aug 5th, 2008
Originally Posted by MidiMagic View Post
It has to know the filenames and locations too.


Thanks MidiMagic. So if the program couldn't prompt the user for the relevant image location the user would have to carefully type this into the source code. This doesn't alter the basic function of the program does it?
Reply With Quote  
Join Date: Dec 2007
Posts: 2
Reputation: tommyt755 is an unknown quantity at this point 
Rep Power: 0
Solved Threads: 0
tommyt755 tommyt755 is offline Offline
Newbie Poster

Re: Small photos to big photos on same page

  #10  
Aug 26th, 2008
I have used the code from Lightbox ( http://www.lokeshdhakar.com/projects/lightbox2/ ) a number times. It sounds like this is what you're talking about although it's all JavaScript and not Flash. Hope it helps!
Reply With Quote  
Reply

Only community members can participate in forum threads. You must register or log in to contribute.



Similar Threads
Other Threads in the Graphics and Multimedia Forum
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

 

Thread Tools Display Modes
Forums | Blogs | Tutorials | Code Snippets | Whitepapers | RSS Feeds | Advertising
All times are GMT -4. The time now is 8:15 pm.
Newsletter Archive - Sitemap - Privacy Statement - Acceptable Use Policy - Contact Us
Forum system based on vBulletin Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
©2003 - 2008 DaniWeb® LLC