Added lightbox to Gallery

motorradig/app/Http/Controllers/GalleryController.php

@@ -44,9 +44,15 @@ class GalleryController extends Controller
                 $imagelist_orig = Storage::disk('img_storage')->files("tour-$tour_id");
                 $imagelist=[];
                 foreach($imagelist_orig as $image) {
+                    
                     $arr = explode("/", $image);
                     $image = end($arr);
-                    array_push($imagelist, $image);
+
+                    $before = $image;
+                    if (str_ends_with($image, "_gross.jpg")) {
+                        $image = substr($image, 0, -10); # Remove last 10 characters
+                        array_push($imagelist, $image);
+                    }                    
                 }
                 
                 //dd($imagelist);    

motorradig/resources/views/tour/gallery/show.blade.php

@@ -5,11 +5,22 @@
         <h1 class="text-center">Galerie</h1>
 
 
-        <h1>(Galerie Elemente)</h1>        
+        <h1>(Galerie Elemente)</h1>  
+        
+        <a href="/img_storage/tour-1/awa-ruckkehr-nach-lobeshpng_gross.jpg" data-lightbox="awa-ruckkehr-nach-lobeshpng_gross.jpg" data-title="TestImage">
+            <img class="mt-3 ml-3" src="/img_storage/tour-1/awa-ruckkehr-nach-lobeshpng.jpg">
+           
+        </a>
+
         <div class="container text-primary" style="display:flex">
-            <ul class="list-group offset-2 col-8">
+            <ul class="list-group offset-2 col-8" style="display:inline">
                 @foreach($imagelist as $image)
-                    <img src="/img_storage/tour-{{$tour_id}}/{{$image}}">
+                <a style="display: inline;" href="/img_storage/tour-{{$tour_id}}/{{$image}}_gross.jpg" data-lightbox="/img_storage/tour-{{$tour_id}}/{{$image}}_gross.jpg" data-title="{{$image}}">
+                    <img class="mt-3 ml-3" src="/img_storage/tour-{{$tour_id}}/{{$image}}.jpg">
+                </a>
+
+
+             
                     
                 @endforeach
             </ul>
@@ -23,4 +34,6 @@
         </form>
 
     </div>
-@endsection
+
+
+@endsection