From 7e5ee4397fc402a8995c6ced37098ad32820201b Mon Sep 17 00:00:00 2001
From: adametz <adametz@f459cee4-fb09-11de-96c3-f9c5f16c3c76>
Date: Tue, 7 Mar 2017 19:04:05 +0000
Subject: [PATCH] Bilder Cover

CSS Bilder auf div background url umstellen

git-svn-id: http://78.47.251.156/svn/dev/sterntours-3@3312 f459cee4-fb09-11de-96c3-f9c5f16c3c76
---
 .../views/default/components/pageBoxImage.html.twig  |  3 ++-
 .../Resources/assets/less/includes/travel.less       | 11 +++++++++--
 trunk/src/AppBundle/Resources/public/css/custom.css  | 12 +++++++++---
 3 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/trunk/app/Resources/views/default/components/pageBoxImage.html.twig b/trunk/app/Resources/views/default/components/pageBoxImage.html.twig
index 17498a64..52ee43b4 100644
--- a/trunk/app/Resources/views/default/components/pageBoxImage.html.twig
+++ b/trunk/app/Resources/views/default/components/pageBoxImage.html.twig
@@ -8,4 +8,5 @@
     {% set image_url = '/bundles/app/images/no-picture.png' %}
     {% set image_alt = 'Kein Vorschaubild vorhanden' %}
 {% endif %}
-<img src="{{ image_url }}" alt="{{ image_alt  }}">
\ No newline at end of file
+
+<div alt="{{ image_alt  }}" style="background:url({{ image_url }}) no-repeat"></div>
\ No newline at end of file
diff --git a/trunk/src/AppBundle/Resources/assets/less/includes/travel.less b/trunk/src/AppBundle/Resources/assets/less/includes/travel.less
index be4188df..d3b9b1b8 100644
--- a/trunk/src/AppBundle/Resources/assets/less/includes/travel.less
+++ b/trunk/src/AppBundle/Resources/assets/less/includes/travel.less
@@ -167,16 +167,17 @@
 }
 
 .travel-wrapper .item:hover .item-img {
-  img {
+  div {
     -moz-transform: scale(1.1, 1.1);
     -ms-transform: scale(1.1, 1.1);
     -o-transform: scale(1.1, 1.1);
     -webkit-transform: scale(1.1, 1.1);
     transform: scale(1.1, 1.1);
+    
   }
 }
 .travel-wrapper .item .item-img {
-  img {
+  div {
     width: 100%;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
@@ -187,6 +188,12 @@
     -o-transform: scale(1, 1);
     -webkit-transform: scale(1, 1);
     transform: scale(1, 1);
+    background: url(/images/welcome.jpg) no-repeat center center; 
+-webkit-background-size: cover;
+-moz-background-size: cover;
+-o-background-size: cover;
+background-size: cover;
+height: 160px;
     &.lower-height {
       width: auto;
       min-height: 190px;
diff --git a/trunk/src/AppBundle/Resources/public/css/custom.css b/trunk/src/AppBundle/Resources/public/css/custom.css
index b64019ec..7e7a440f 100644
--- a/trunk/src/AppBundle/Resources/public/css/custom.css
+++ b/trunk/src/AppBundle/Resources/public/css/custom.css
@@ -747,14 +747,14 @@ a[id^="video_"]:before,
 .travel-wrapper h5 {
   font-weight: 700;
 }
-.travel-wrapper .item:hover .item-img img {
+.travel-wrapper .item:hover .item-img div {
   -moz-transform: scale(1.1, 1.1);
   -ms-transform: scale(1.1, 1.1);
   -o-transform: scale(1.1, 1.1);
   -webkit-transform: scale(1.1, 1.1);
   transform: scale(1.1, 1.1);
 }
-.travel-wrapper .item .item-img img {
+.travel-wrapper .item .item-img div {
   width: 100%;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
@@ -765,8 +765,14 @@ a[id^="video_"]:before,
   -o-transform: scale(1, 1);
   -webkit-transform: scale(1, 1);
   transform: scale(1, 1);
+  background: url(/images/welcome.jpg) no-repeat center center;
+  -webkit-background-size: cover;
+  -moz-background-size: cover;
+  -o-background-size: cover;
+  background-size: cover;
+  height: 160px;
 }
-.travel-wrapper .item .item-img img.lower-height {
+.travel-wrapper .item .item-img div.lower-height {
   width: auto;
   min-height: 190px;
 }