Web Photo Gallery HELP

[chichi8]

I am looking to designing a gallery page with Dreamweaver. I wanted to have the
enlarged picture and the thumbnails on the same page so that when you click the
small thumbnail it will show the enlarged picture on the same page. Is there
anyway to have it load on the same page without having to design 10 pages for
10 pictures? If so please let me know how. Thanks

[Icenando]

[q]Originally posted by: chichi8
I am looking to designing a gallery page with Dreamweaver. I wanted to have
the enlarged picture and the thumbnails on the same page so that when you click
the small thumbnail it will show the enlarged picture on the same page. Is
there anyway to have it load on the same page without having to design 10 pages
for 10 pictures? If so please let me know how. Thanks[/q]

Hi there. This is what I did (using XSL/XML):
1) Go through the "tutorial: Displaying XML Data": create a XML page for your
thumbs. It's actually pretty straight forward, so don't be scared with the
names. My exemple:
<?xml version="1.0" encoding="iso-8859-1"?>
<thumbs>
<thumb id="1">
<source>1.jpg</source></thumb>
<thumb id="2">
<source>2.jpg</source></thumb>
... and do this for every thumb you've got to display.
</thumbs>
2) For this exemple, put all your thumbs in a folder called "thumbs" and all
the images in a folder called "img" (both in the same place where you're gonna
save your XSL & XML pages).
3) Link this XML page to an image placeholder (let's name it thumbs_holder for
this exemple) in your XSL page and insert a repeat region in the placeholder;
4) Add a second image placeholder on your XSL page (images_holder) in your XSL
page;
5) Select the thumbs_holder and, in the Tag Inspector: Add Behavior ("+" sign)

> Change Property;

6) In the pop-up window, select IMG, Image "image_holder", and in the "new
value" box, type: img/{.}
The code view should be something like this:
<xsl:for-each select="thumbs/thumb/source">
<img src="thumbs/{.}" alt="" name="thumbs_holder" id="thumbs_holder"
onclick="MM_changeProp('image_holder','','src','im g/{.}','IMG')" />
</xsl:for-each>
This should do the trick. Good luck.

[Icenando]

Now, after my beautiful answer, can anybody tell me how I can determine how
many thumbs will be shown and add "previous and next arrows" on the sides to
show the others (preferably using XSL/XML)? Cheers.

[don Carlos]

I'm getting into XML, but this case calls for the ShowPic Dreamweaver behavior. Check out the Exchange. look at [url]http://ebogott.com/franklinarms.htm[/url] for an example of how it works.

[Al Sparber- PVII]

Hi Don,

Most of our better and newer extensions are not on the Adobe Exchange.
They are all on our site:

[url]http://www.projectseven.com/extensions/[/url]


--
Al Sparber - PVII
[url]http://www.projectseven.com[/url]
Menu Systems - Gallery Systems - CSS Templates
---------------------------------------------------------
Newsgroup: [url]news://forums.projectseven.com/pviiwebdev/[/url]
CSS Newsgroup: [url]news://forums.projectseven.com/css/[/url]
DW Newsgroup: [url]news://forums.projectseven.com/dreamweaver/[/url]






"don Carlos" <webforumsuser@macromedia.com> wrote in message
news:e778i2$6f7$1@forums.macromedia.com...

> I'm getting into XML, but this case calls for the ShowPic Dreamweaver
> behavior. Check out the Exchange. look at
> [url]http://ebogott.com/franklinarms.htm[/url] for an example of how it works.

[don Carlos]

:shocked; I stand (well, sit actually) chastized for not crediting PVII for the extension, but it IS a good extension and it will make your project much easier.

Karl

[Al Sparber- PVII]

"don Carlos" <webforumsuser@macromedia.com> wrote in message
news:e77g4t$eti$1@forums.macromedia.com...

> :shocked; I stand (well, sit actually) chastized for not crediting
> PVII for the extension, but it IS a good extension and it will make
> your project much easier.

No problem. I wasn't looking for credit, just pointing out where to get
the extension. As an aside, many of the better extensions are not
available on the exchange. Perhaps it will someday become a viable venue
again, but it's pretty-much out of control.


--
Al Sparber
PVII
[url]http://www.projectseven.com[/url]

"Designing with CSS is sometimes like barreling down a crumbling
mountain road at 90 miles per hour secure in the knowledge that repairs
are scheduled for next Tuesday".