22 Replies Latest reply on Apr 14, 2012 9:49 AM by braico

    serious help needed fixing an image gallery

    braico

      On my page

       

      http://www.dorff.nl/clients.html

       

      ive put this very nice gallery..

       

      The only problem is. I divided the gallery in 6 groups. But in every group you will see the same images. How can i change the images for each group seperately?

       

      I hope you understand what i ment.

       

      Regards Brian

        • 1. Re: serious help needed fixing an image gallery
          adninjastrator Level 4

          This is the part of the lightbox code that specifies which set of images to use:

          rel="lightbox[portfolio]"

          the [portfolio] part. You need to create a separate id name for each button you have. Then only those images in that set will display for that button.

          for example:

          rel="lightbox[first_button]"

          all images linked to in that set will display under the first button

          Then

          rel="lightbox[second_button]"

          to display a second set.....etc, etc.

          http://lokeshdhakar.com/projects/lightbox2/

          Best wishes,

          Adninjastrator

          • 2. Re: serious help needed fixing an image gallery
            braico Level 1

            Thank you very much for your response.

             

            Where can i finfd this code? In CSS? Because i can find it..

             

            Regards Brian

             

            Date: Wed, 11 Apr 2012 08:56:52 -0600

            From: forums@adobe.com

            To: braico@live.nl

            Subject: serious help needed fixing an image gallery

             

             

             

             

             

             

                  

                       

                       

                       

                Re: serious help needed fixing an image gallery

             

             

                created by adninjastrator in Dreamweaver - View the full discussion

             

             

             

            This is the part of the lightbox code that specifies which set of images to use:rel="lightbox[portfolio]"the part. You need to create a separate id name for each button you have. Then only those images in that set will display for that button.for example:rel="lightbox[first_button]"all images linked to in that set will display under the first buttonThenrel="lightbox[second_button]"to display a second set.....etc, etc.http://lokeshdhakar.com/projects/lightbox2/Best wishes,Adninjastrator

             

             

                 Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/4327094#4327094

                 To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/4327094#4327094. In the Actions box on the right, click the Stop Email Notifications link.

                  

                 Start a new discussion in Dreamweaver by email or at Adobe Forums

              For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

            • 3. Re: serious help needed fixing an image gallery
              braico Level 1

              i find it in code.

               

              1. i see 6 sets so i think i can strat with the second set. so it look like this

               

               

               

              where i can link the images to the button i named lightbox2?

               

               

              Date: Wed, 11 Apr 2012 08:56:52 -0600

              From: forums@adobe.com

              To: braico@live.nl

              Subject: serious help needed fixing an image gallery

               

               

               

               

               

               

                    

                         

                         

                         

                  Re: serious help needed fixing an image gallery

               

               

                  created by adninjastrator in Dreamweaver - View the full discussion

               

               

               

              This is the part of the lightbox code that specifies which set of images to use:rel="lightbox[portfolio]"the part. You need to create a separate id name for each button you have. Then only those images in that set will display for that button.for example:rel="lightbox[first_button]"all images linked to in that set will display under the first buttonThenrel="lightbox[second_button]"to display a second set.....etc, etc.http://lokeshdhakar.com/projects/lightbox2/Best wishes,Adninjastrator

               

               

                   Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/4327094#4327094

                   To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/4327094#4327094. In the Actions box on the right, click the Stop Email Notifications link.

                    

                   Start a new discussion in Dreamweaver by email or at Adobe Forums

                For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

              • 4. Re: serious help needed fixing an image gallery
                adninjastrator Level 4

                Putting 6 image galleries on the same page is going to require a little "outside the box" thinking/coding.

                The lightbox you are using typically is for just one gallery on one page.

                But.. I'm sure there are ways around this.

                Just to review..

                rel="lightbox[portfolio]"

                the array of images used in this link are described in between the brackets [ ].

                So to create an array called "flyers" for example, you could use this:

                rel="lightbox[flyers]"

                Then only the images listed in that section of [flyers] images will display.

                To practice and understand this principle, you might want to create a few test pages...each which only has one set of images... not 6 galleries.

                So... do a new, single gallery page... test the array method mentioned above... then move on to a second gallery. Only after you can successfully select the appropriate images for the "Flyers" gallery, etc. should you attempt to combine the process into 6 galleries.

                Best wishes,

                Adninjastrator

                • 5. Re: serious help needed fixing an image gallery
                  braico Level 1

                  How do you listed the images?

                   

                  Thank you for your answer. It sounds very difficult to do.

                   

                  Is it possible that you tell me step bybstep how to make a singlle gallerie?

                   

                  Regards

                   

                  Verstuurd vanaf mijn iPhone

                   

                  Op 12 apr. 2012 om 04:25 heeft "adninjastrator" <forums@adobe.com> het volgende geschreven:

                   

                  Re: serious help needed fixing an image gallery

                  created by adninjastrator in Dreamweaver - View the full discussion

                  Putting 6 image galleries on the same page is going to require a little "outside the box" thinking/coding.

                   

                  The lightbox you are using typically is for just one gallery on one page.

                   

                  But.. I'm sure there are ways around this.

                   

                  Just to review..

                   

                  rel="lightbox[portfolio]"

                   

                  the array of images used in this link are described in between the brackets .

                   

                  So to create an array called "flyers" for example, you could use this:

                   

                  rel="lightbox[flyers]"

                   

                  Then only the images listed in that section of images will display.

                   

                  To practice and understand this principle, you might want to create a few test pages...each which only has one set of images... not 6 galleries.

                   

                  So... do a new, single gallery page... test the array method mentioned above... then move on to a second gallery. Only after you can successfully select the appropriate images for the "Flyers" gallery, etc. should you attempt to combine the process into 6 galleries.

                   

                  Best wishes,

                   

                  Adninjastrator

                   

                  Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/4328795#4328795

                  To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/4328795#4328795. In the Actions box on the right, click the Stop Email Notifications link.

                  Start a new discussion in Dreamweaver by email or at Adobe Forums

                  For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

                   

                  • 6. Re: serious help needed fixing an image gallery
                    adninjastrator Level 4

                    I'd suggest you start a new, blank HTML page and build a single gallery on it.

                    I'm sure that where ever you got your gallery from will have a better explanation than I can provide on how to set up that gallery. So first, check there.

                    The principle that you will be looking for is to provide an <a> (anchor) with the same array name for each image you want in that set. You only need to dispay a linking image for the first gallery image... it gives the viewer something to click. For the other images in the array, you will not need to display an image... just provide an <a>

                    rel="lightbox[flyers]

                    notice where the anchor tag starts and ends:

                    <a class="load_portfolio_img" rel="lightbox[portfolio]" href="images/abnamro_gustav.jpg">

                          <span class="rm_img noscript"><img src="images/abnamro_logo.jpg" alt="" /></span>

                          <span class="roll_over rollover"></span></a>

                    now you've got a number of classes as well as a rollover image that complicates things even more. You might want to start with a simpler gallery until you understand how they work.

                    Here is a working example of having 2 separate galleries on the same page... copy and paste code into DreamWeaver so the code formats better. Notice that only the first <a> has a <img src="....

                    The other <a> s do not display any image on the page... only in the Gallery slideshow

                    <h2>Photo Gallery 1</h2> 

                     

                        <a href="images/paw_Carrie-Elwha.jpg" rel="lightbox[paw]" title="Elwha River Valley approaching the bridge"><img src="images/125/paw_Carrie-Elwha.jpg" alt="Elwha River Valley approaching the bridge" width="125" height="93" border="0" title="Elwha River Valley approaching the bridge"/></a>

                        <a href="images/paw_Elwha_Approach_1.jpg" rel="lightbox[paw]" title="Approaching Elwha Bridge from the east"></a>

                        <a href="images/paw_Elwha_Ramp.jpg" rel="lightbox[paw]" title="Elwha Bridge ramp to pedestrian deck"></a>

                       

                       <h2>Photo Gallery 2</h2>

                       

                        <a href="images/sw_IMG_1115-Downtown-Trail.jpg" rel="lightbox[sw]" title="Trail near High School close to downtown Sequim"><img src="images/125/sw_IMG_1115-Downtown-Trail.jpg" alt="Trail near High School close to downtown Sequim" width="125" height="83" border="0" title="Trail near High School close to downtown Sequim"/></a>

                        <a href="images/sw_IMG_1945-Downtown-Sequim.jpg" rel="lightbox[sw]" title="Downtown Sequim"></a>

                        <a href="images/sw_IMG_3031-Bike-Group.jpg" rel="lightbox[sw]" title="Dungeness River Bridge near Audobon Center"></a>

                        <a href="images/sw_IMG_6488-River-Bridge.jpg" rel="lightbox[sw]" title="View from Bridge during early fall"></a>

                        <a href="images/sw_IMG_0868.jpg" rel="lightbox[sw]" title="Trail West of River Bridge"></a>

                    The first image in the set actually displays an image for the viewer to click, the other images in that set are simply anchors <a>.... no image displays on the page. But you can see there are two sets of arrays

                    rel="lightbox[paw]"

                    for Gallery 1 and

                    rel="lightbox[sw]"

                    for Gallery 2

                    Start very simple, a new page with just one gallery... learn to create a set of images and build on that knowledge to build a second gallery.

                    Best wishes,

                    Adninjastrator

                    • 7. Re: serious help needed fixing an image gallery
                      braico Level 1

                      Great im going to start right away.. i will keep you informed about the progress

                       

                      regards

                       

                      Brian

                      Date: Thu, 12 Apr 2012 07:49:46 -0600

                      From: forums@adobe.com

                      To: braico@live.nl

                      Subject: serious help needed fixing an image gallery

                       

                       

                       

                       

                       

                       

                            

                                 

                                 

                                 

                          Re: serious help needed fixing an image gallery

                       

                       

                          created by adninjastrator in Dreamweaver - View the full discussion

                       

                       

                       

                      I'd suggest you start a new, blank HTML page and build a single gallery on it.I'm sure that where ever you got your gallery from will have a better explanation than I can provide on how to set up that gallery. So first, check there.The principle that you will be looking for is to provide an (anchor) with the same array name for each image you want in that set. You only need to dispay a linking image for the first gallery image... it gives the viewer something to click. For the other images in the array, you will not need to display an image... just provide an rel="lightbox[flyers]notice where the anchor tag starts and ends:!images/abnamro_logo.jpg|alt=|src=images/abnamro_logo.jpg! now you've got a number of classes as well as a rollover image that complicates things even more. You might want to start with a simpler gallery until you understand how they work.Here is a working example of having 2 separate galleries on the same page... copy and paste code into DreamWeaver so the code formats better. Notice that only the first has a !! s do not display any image on the page... only in the Gallery slideshowh2. Photo Gallery 1

                              !images/125/paw_Carrie-Elwha.jpg|title=Elwha River Valley approaching the bridge|height=93|alt=Elwha River Valley approaching the bridge|width=125|src=images/125/paw_Carrie-Elwha.jpg|border=0!               h2. Photo Gallery 2

                               !images/125/sw_IMG_1115-Downtown-Trail.jpg|title=Trail near High School close to downtown Sequim|height=83|alt=Trail near High School close to downtown Sequim|width=125|src=images/125/sw_IMG_1115-Downtown-Trail.jpg|border=0!                The first image in the set actually displays an image for the viewer to click, the other images in that set are simply anchors .... no image displays on the page. But you can see there are two sets of arrays rel="lightbox[paw]"for Gallery 1 and rel="lightbox[sw]"for Gallery 2Start very simple, a new page with just one gallery... learn to create a set of images and build on that knowledge to build a second gallery.Best wishes,Adninjastrator

                       

                       

                           Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/4329760#4329760

                           To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/4329760#4329760. In the Actions box on the right, click the Stop Email Notifications link.

                            

                           Start a new discussion in Dreamweaver by email or at Adobe Forums

                        For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

                      • 8. Re: serious help needed fixing an image gallery
                        adninjastrator Level 4

                        And to encourage you, here is the link to the page which contains two photo galleries on one page:

                        http://www.olympicdiscoverytrail.com/trail_maps/pt_angeles_w_test.html

                        Scroll to the bottom of the page and you'll see two images used as links to two separate galleries.

                        View the source code if you need more info:

                        Best wishes,

                        Adninjastrator

                        • 9. Re: serious help needed fixing an image gallery
                          braico Level 1

                          Great so it is possible..

                           

                           

                           

                          Date: Thu, 12 Apr 2012 09:09:17 -0600

                          From: forums@adobe.com

                          To: braico@live.nl

                          Subject: serious help needed fixing an image gallery

                           

                           

                           

                           

                           

                           

                                

                                     

                                     

                                     

                              Re: serious help needed fixing an image gallery

                           

                           

                              created by adninjastrator in Dreamweaver - View the full discussion

                           

                           

                           

                          And to encourage you, here is the link to the page which contains two photo galleries on one page:http://www.olympicdiscoverytrail.com/trail_maps/pt_angeles_w_test.htmlScroll to the bottom of the page and you'll see two images used as links to two separate galleries.View the source code if you need more info:Best wishes,Adninjastrator

                           

                           

                               Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/4330016#4330016

                               To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/4330016#4330016. In the Actions box on the right, click the Stop Email Notifications link.

                                

                               Start a new discussion in Dreamweaver by email or at Adobe Forums

                            For more information about maintaining your forum email notifications please go to