title: Launching the gallery from an specific href? (lightgallery)
body: <p>I have list of images and i display only 3, but on third one i want to call lightgallery that will display all images. Any suggestion how can i do that?</p>
  
  <pre><code>&lt;div id="sync2" class="owl-carousel"&gt;
                      @foreach($property_gallery as $key=&gt;$property_image)
                      &lt;div class="data-src="/storage/uploads/{{$property_image-&gt;path }}"&gt;
                        @if($key == 2)
                        &lt;a class='firstImage' href="/storage/uploads/{{$property_image-&gt;path }}"&gt;
                          &lt;div class="see_all_gallery"&gt;
                            &lt;h4&gt;SEE ALL {{ count($property_gallery) }} PHOTOS&lt;/h4&gt;
                            &lt;span&gt;VIEW GALLERY &lt;i class="fa fa-angle-right"&gt;&lt;/i&gt;&lt;/span&gt;
                          &lt;/div&gt;
                        @else
                        &lt;a href="/storage/uploads/{{$property_image-&gt;path }}" onclick="javascript:doSomething();"&gt;
                        @endif
  
                        &lt;img src="/storage/uploads/{{$property_image-&gt;path }}" alt="" /&gt;
                        &lt;/a&gt;
                      &lt;/div&gt;
                      @endforeach
                    &lt;/div&gt;
  </code></pre>