Professional Web Applications Themes

Web Photo Gallery HELP - Macromedia Dynamic HTML

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...

  1. #1

    Default Web Photo Gallery HELP

    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

    chichi8 Guest

  2. #2

    Default Re: Web Photo Gallery HELP

    [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 Guest

  3. #3

    Default Re: Web Photo Gallery HELP

    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.

    Icenando Guest

  4. #4

    Default Re: Web Photo Gallery HELP

    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 Guest

  5. #5

    Default Re: Web Photo Gallery HELP

    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" <webforumsusermacromedia.com> wrote in message
    news:e778i2$6f7$1forums.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.
    Al Sparber- PVII Guest

  6. #6

    Default Re: Web Photo Gallery HELP

    :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
    don Carlos Guest

  7. #7

    Default Re: Web Photo Gallery HELP

    "don Carlos" <webforumsusermacromedia.com> wrote in message
    news:e77g4t$eti$1forums.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".





    Al Sparber- PVII Guest

Similar Threads

  1. CMS Photo Gallery
    By davegreen1 in forum Macromedia Contribute General Discussion
    Replies: 1
    Last Post: February 12th, 07:52 AM
  2. PS web photo gallery
    By mlksnap in forum Macromedia Contribute General Discussion
    Replies: 2
    Last Post: May 27th, 08:56 PM
  3. Photo Gallery help
    By SnakeFAMU in forum Dreamweaver AppDev
    Replies: 0
    Last Post: April 21st, 04:15 PM
  4. Web Photo Gallery
    By Raymond Robillard in forum Adobe Photoshop Mac CS, CS2 & CS3
    Replies: 47
    Last Post: February 13th, 01:56 PM
  5. PHP Photo Gallery
    By nick in forum PHP Development
    Replies: 6
    Last Post: October 10th, 10:50 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

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 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139