Added lightbox to Gallery

motorradig/app/Http/Controllers/GalleryController.php

@@ -44,10 +44,16 @@ 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);
+
+                    $before = $image;
+                    if (str_ends_with($image, "_gross.jpg")) {
+                        $image = substr($image, 0, -10); # Remove last 10 characters
                         array_push($imagelist, $image);
                     }                    
+                }
                 
                 //dd($imagelist);    
                 return view('tour/gallery/show')->with("tour_id",$tour_id)->with("imagelist",$imagelist);

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

@@ -6,10 +6,21 @@
 
 
         <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