Skip navigation
MattBint123
Currently Being Moderated

Lightbox Help

Jun 26, 2013 11:08 PM

Tags: #cs5 #help #adobe #dreamweaver #in #add #two #box #widget #gallery #light

Hi guys. I've built my website in Dreamweaver and have added in a lightbox from the widget gallery. It's called Lightbox Gallery Widget by Andres Cayon. My problem is I wanted too add two of them onto the same webpage. They can have the same design but whenever I put the second one in it doesn't work and just stuffs up. I'm not sure if there is a way too add it in but any information would be a great help.

 
Replies
  • Currently Being Moderated
    Jun 26, 2013 11:34 PM   in reply to MattBint123

    You need to have unique identifiers for each Lightbox as in

    <div id="gallery1" class="lbGallery">

    and

    <div id="gallery2" class="lbGallery">

    Then apply a corresponding script to each Lightbox as in

    $(function(){

                $('#gallery1 a').lightBox({

    and

    $(function(){

                $('#gallery2 a').lightBox({

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 27, 2013 4:23 AM   in reply to MattBint123

    Use the unique identifyer to change the style as in

    .lbGallery {

        /*gallery container settings*/

        background-color: #cccccc;

        padding-left: 20px;

        padding-top: 20px;

        padding-right: 20px;

        padding-bottom: 20px;

        width: 540px;

        height: auto;

        text-align: left;

    }

    #gallery2.lbGallery {

        /*gallery container settings*/

        background-color: red;

        padding-left: 20px;

        padding-top: 20px;

        padding-right: 20px;

        padding-bottom: 20px;

        width: 140px;

        height: auto;

        text-align: left;

    }

    Change the values to suit

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points