Skip to content
Code-Schnipsel Gruppen Projekte
Commit c77e1025 erstellt von Henning Leutz's avatar Henning Leutz :martial_arts_uniform:
Dateien durchsuchen

Slider height fix, promoslider update -> better effects

Übergeordneter 34c751b2
No related branches found
No related tags found
Keine zugehörigen Merge Requests gefunden
...@@ -34,7 +34,7 @@ define('package/quiqqer/bricks/bin/Controls/Slider/Promoslider', [ ...@@ -34,7 +34,7 @@ define('package/quiqqer/bricks/bin/Controls/Slider/Promoslider', [
options: { options: {
delay : 5000, delay : 5000,
effectduration: 200, effectduration: 400,
autostart : true, autostart : true,
touch : true touch : true
}, },
...@@ -203,10 +203,10 @@ define('package/quiqqer/bricks/bin/Controls/Slider/Promoslider', [ ...@@ -203,10 +203,10 @@ define('package/quiqqer/bricks/bin/Controls/Slider/Promoslider', [
'.quiqqer-bricks-promoslider-slide:display(inline)' '.quiqqer-bricks-promoslider-slide:display(inline)'
); );
self.$hideSheetToLeft(Current).then(function () { Promise.all([
return self.$showSheetFromRight(Slide); self.$hideSheetToLeft(Current),
self.$showSheetFromRight(Slide)
}).then(function () { ]).then(function () {
resolve(); resolve();
this.$running = false; this.$running = false;
......
.quiqqer-bricks-children-slider { .quiqqer-bricks-children-slider {
float: left; float: left;
height: 180px;
position: relative; position: relative;
width: 100%; width: 100%;
} }
...@@ -25,7 +24,7 @@ ...@@ -25,7 +24,7 @@
.quiqqer-bricks-children-slider-container-slide { .quiqqer-bricks-children-slider-container-slide {
display: inline-block; display: inline-block;
float: none;
height: calc(100% - 22px); height: calc(100% - 22px);
position: relative; position: relative;
white-space: nowrap; white-space: nowrap;
...@@ -39,14 +38,15 @@ ...@@ -39,14 +38,15 @@
.quiqqer-bricks-children-slider-child-display { .quiqqer-bricks-children-slider-child-display {
border: 1px solid #dfe4e4; border: 1px solid #dfe4e4;
display: block;
height: 100%; height: 100%;
overflow: hidden; overflow: hidden;
margin: 0 10px; margin: 0 10px;
padding: 0;
text-align: center; text-align: center;
} }
.quiqqer-bricks-children-slider-child-display img { .quiqqer-bricks-children-slider-child-display img {
height: 100%;
transition: all 1s ease; transition: all 1s ease;
-webkit-transition: all 1s ease; -webkit-transition: all 1s ease;
width: auto; width: auto;
......
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
</header> </header>
{$Child->getAttribute('short')} {$Child->getAttribute('short')}
{else} {else}
{image src=$Child->getAttribute('image_site') maxwidth="280"} {image src=$Child->getAttribute('image_site') height=$this->getAttribute('height')}
{/if} {/if}
</a> </a>
</article> </article>
......
...@@ -26,7 +26,8 @@ public function __construct($attributes = array()) ...@@ -26,7 +26,8 @@ public function __construct($attributes = array())
'nodeName' => 'section', 'nodeName' => 'section',
'site' => '', 'site' => '',
'order' => false, 'order' => false,
'data-qui' => 'package/quiqqer/bricks/bin/Controls/Children/Slider' 'data-qui' => 'package/quiqqer/bricks/bin/Controls/Children/Slider',
'height' => 200
)); ));
$this->addCSSFile( $this->addCSSFile(
...@@ -45,6 +46,10 @@ public function getBody() ...@@ -45,6 +46,10 @@ public function getBody()
{ {
$Engine = QUI::getTemplateManager()->getEngine(); $Engine = QUI::getTemplateManager()->getEngine();
if (!$this->getAttribute('height')) {
$this->setAttribute('height', 200);
}
$Engine->assign(array( $Engine->assign(array(
'this' => $this, 'this' => $this,
'children' => $this->getChildren() 'children' => $this->getChildren()
......
0% oder .
You are about to add 0 people to the discussion. Proceed with caution.
Bearbeitung dieser Nachricht zuerst beenden!
Bitte registrieren oder zum Kommentieren