Question/Suggestion: Span gallery over more then one div

[flyinggecko]

Hey,

Is it possible to do something like this:

<div class="gallery"
   <a>
    <img />
  </a>
</div>
<other stuff>
<div class="gallery"
...
</div>

The idea is to have some of those divs on a page and when you open the gallery, all image are available there.

Best regards

[ajeetgill]

Hey,

Is it possible to do something like this:

<div class="gallery"
   <a>
    <img />
  </a>
</div>
<other stuff>
<div class="gallery"
...
</div>

The idea is to have some of those divs on a page and when you open the gallery, all image are available there.

Best regards

I think the when you run
baguetteBox.run('.baguetteBoxOne');

It's run on that container, that is, it works on all the tags in the format

    <a>
        <img />
    </a>

That is, if you have something like

<div class="baguetteBoxOne">
<something else.... /> 
    <a>
        <img />
    </a>
    <a>
        <img />
    </a>
    <a>
        <img />
    </a>
<something else.... /> 
    <a>
        <img />
    </a>
<something else.... /> 
    <a>
        <img />
    </a>
    <a>
        <img />
    </a>
    <a>
        <img />
    </a>
</div>

It'll show all those, irrespective of where in the DOM they're.

<a>
   <img />
</a>

images, coz they're all in the same .baguetteBoxOne container.

Long story short, you can wrap all your image elements in a single container and run baugettebox on it