feat: Added new option max image width [BasicSlider] #128

locale.xml

@@ -428,7 +428,7 @@
             <de><![CDATA[Bilder auf der linken Seite]]></de>
             <en><![CDATA[Show images on left]]></en>
         </locale>
-        <locale name="brick.textAndImage.maxImageWidth">
+        <locale name="brick.control.basicSlider.maxImageWidth">
             <de><![CDATA[Maximale Briete des Bildes]]></de>
             <en><![CDATA[Maximum image width]]></en>
         </locale>

src/QUI/Bricks/Controls/Slider/BasicSlider.css

@@ -10,6 +10,7 @@
 
 .basic-slider-image-wrapper {
     position: relative;
+    text-align: center;
 }
 
 .basic-slider-image-wrapper li {

src/QUI/Bricks/Controls/Slider/BasicSlider.html

@@ -19,9 +19,9 @@
         <ul class="basic-slider-images">
             {assign var=showFirstImage value=true}
             {foreach from=$images item=Image}
-                <li data-image="{image image=$Image onlysrc=1 width="500"}">
+                <li data-image="{image image=$Image onlysrc=1 width=$maxImageWidth}">
                     {if $showFirstImage}
-                        {image image=$Image width="500"}
+                        {image image=$Image width="{$maxImageWidth}"}
                         {assign var=showFirstImage value=false}
                     {/if}
                 </li>

src/QUI/Bricks/Controls/Slider/BasicSlider.php

@@ -26,6 +26,7 @@ public function __construct($attributes = [])
             'mediaFolder'   => false,
             'delay'         => 5000,
             'imgLeft'       => false,
+            'maxImageWidth'   => false,
             'sliderContent' => '',
             'class'         => 'quiqqer-bricks-basic-slider',
             'nodeName'      => 'section',
@@ -89,11 +90,17 @@ public function getBody()
             $imgLeft = $this->getAttribute('imgLeft');
         }
 
+        $maxImageWidth = false;
+        if (intval($this->getAttribute('maxImageWidth')) > 0) {
+            $maxImageWidth = intval($this->getAttribute('maxImageWidth'));
+        }
+
         $options = [
             'this'          => $this,
             'images'        => $images,
             'sliderContent' => $sliderContent,
-            'imgLeft'       => $imgLeft
+            'imgLeft'       => $imgLeft,
+            'maxImageWidth' => $maxImageWidth
         ];
 
         $Engine->assign($options);