Beelden toegevoegd

resources/views/widgets/beelden.blade.php

@@ -6,14 +6,14 @@ $img = $data[0];
 ?>
 <h4 class="page_margin_top box_header"><span class="fa fa-camera"></span> &nbsp; Beelden uit 't Gooi</h4>
  
- <div class='featured'>
+ <div class='featured' style='display: none;'>
   <p>
-   <img src="images/logo.png" alt="{{$img->images[0]->title}}" title="{{$img->images[0]->title}}" />
+   <a href="{{ route('beelden') }}"><img src="images/logo.png" alt="{{$img->images[0]->title}}" title="{{$img->images[0]->title}}" /></a>
    <b>{{ $img->title }}</b>
    {{ $img->images[0]->title }}
   </p>
-  <p class='bouwmee'><a href="mailto:beelden@nhgooi.nl">Uw foto hier? Mail naar beelden@nhgooi.nl!</a></p>
  </div>
+ <p class='bouwmee'><a href="mailto:beelden@nhgooi.nl">Uw foto hier? Mail naar beelden@nhgooi.nl!</a></p>
 
   <style>
     .featured {
@@ -23,6 +23,8 @@ $img = $data[0];
     }
     .featured img {
       width: 100%;
+      max-height: 300px;
+      object-fit: cover;
     }
     .featured p, .featured a {
       font-size: 90%;
@@ -31,7 +33,7 @@ $img = $data[0];
       color: #3A3A3A;
       text-align: center;
     }
-    .featured .bouwmee {
+    a.bouwmee {
       color: #3333CC;
     }
   </style>
@@ -39,11 +41,12 @@ $img = $data[0];
   @push('scripts')
    <script>
     $(function() { 
+      $('.featured').hide().attr('display', '');
       $('.featured img')
-.load(function() {
-        $('.featured').slideDown();
-      })
-.attr('src', '{{$imgBase . $img->images[0]->url}}');
+        .load(function() {
+          $('.featured').slideDown();
+        })
+        .attr('src', '{{$imgBase . $img->images[0]->url}}');
     });
    </script>
   @endpush