Hollywood_Star wrote:
Quote:
I am working on an athletic site and would like to put up 4 pictures for a
summer camp. I would like to put these all on one page and then the person who
is interested would be able to just click on them and go to a bigger image, but
not to big of an image.
If someone could give me a very simple way of doing this I would be very
appreciative.
Thanks in advance.
This is pretty easy.
|
1) create the page with the 4 small (thumbnails) of the images
2) create 4 other pages, each with a large version of one of the images
3) back in your first page (w/4 images), select the first image
4) in the link field, type: javascript
:;
5) use the tag selector (the bar of tags at the bottom of the document)
to select the <a> tag just to the left of the last <img> tag
6) open the Behaviors panel (Tag panel group or window>behaviors or
shift+f4)
7) add the Open Browser Window behavior, navigating to the associated
page for the large version of this image and setting dimensions large
enough to display that image (large version)-and choosing whatever
browser window chrome you want around the page
8) OK to close the dialog
9) set the event for which you want the larger version to pop up. You
can set the event by clicking on whatever event is currently selected
(like onLoad, onMouseover, etc)
-- bear in mind that most newer systems either have popup blocking or
have users that might disable popups...but in most cases, an onclick
event is considered a user-requested event and will not be blocked...
10)save the page & preview
11) repeat steps 3-10, selecting a new image until they are all scripted
Some things can go wrong, but if you follow the steps, you should get
what you want. If not, just post back and I'll try to help more.
HTH
--
Donna Casey | Web Designer/Developer/Instructor
Team Macromedia Dreamweaver & Fireworks | www.macromedia.com/go/team
--------------------------------------------------------------------------
Co-Author | Macromedia Studio MX Bible
Contributor | Dreamweaver MX Magic
Contributor | Fireworks MX Magic