title: How can I link a button when clicked to open a lightbox gallery?
body: <p>Or open anything for that matter. </p>
  
  <p>What is the correct script syntax for a button event of this sort. </p>
  
  <p>Not sure whether it makes a difference but I'm attempting to follow the fotorama plugin - <a href="http://fotorama.io/" rel="nofollow">http://fotorama.io/</a></p>
  
  <p>My html:</p>
  
  <pre><code>&lt;div class="Gal"
      &lt;div class="fotorama" data-nav="thumbs" data-transition="crossfade"&gt;
          &lt;img src="Gallery/1.jpg" data-caption="One"&gt;
          &lt;img src="Gallery/2.jpg"&gt;
          &lt;img src="Gallery/3.jpg"&gt;
          &lt;img src="Gallery/4.jpg"&gt;
      &lt;/div&gt;
      &lt;button type="button" id="gallery-button"&gt;Click Me!&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Overall I would like to display, a set of 4 images first, as their 'own' lightbox gallery as such, and then have a button underneath which would when clicked would bring up the another lightbox gallery with more images.</p>
  
  <p>Is the 2 gallery method the correct way to go about this? Or can I somehow only display a certain few (for instance first 4) images in the set in 2 different areas while the 2nd gallery adds more.</p>