Browse code
Allow background videos
Benjamin Roth authored on06/06/2019 19:27:31 Showing1 changed files
| ... | ... |
@@ -1,8 +1,16 @@ |
| 1 | 1 |
<?php $this->block('content'); ?>
|
| 2 | 2 |
|
| 3 | 3 |
<div class="slick-slider-slide slide_<?= $this->id ?>"> |
| 4 |
- <?php if ($this->eSM_addImage && $this->src): ?> |
|
| 5 |
- <div class="slick-slider-slide-image"></div> |
|
| 4 |
+ <?php if ($this->eSM_addImage && ($this->src || count($this->videoFiles))): ?> |
|
| 5 |
+ <div class="slick-slider-background"> |
|
| 6 |
+ <?php if ($this->videoFiles): ?> |
|
| 7 |
+ <video class="no-mejs" autoplay loop muted> |
|
| 8 |
+ <?php foreach ($this->videoFiles as $video): ?> |
|
| 9 |
+ <source src="<?php echo TL_FILES_URL . $video->path ?>" type="video/<?php echo $video->extension ?>"> |
|
| 10 |
+ <?php endforeach ?> |
|
| 11 |
+ </video> |
|
| 12 |
+ <?php endif; ?> |
|
| 13 |
+ </div> |
|
| 6 | 14 |
|
| 7 | 15 |
<style> |
| 8 | 16 |
<?= $this->backgroundStyle ?> |
Browse code
Support responsive images through Contao source sets
Benjamin Roth authored on01/08/2018 08:45:04 Showing1 changed files
| ... | ... |
@@ -1,13 +1,14 @@ |
| 1 |
-<?php //$this->dumpTemplateVars(); ?> |
|
| 2 | 1 |
<?php $this->block('content'); ?>
|
| 3 | 2 |
|
| 4 |
- <div class="slick-slider-slide slide_<?= $this->id ?>"> |
|
| 5 |
- <?php if ($this->eSM_addImage && $this->src): ?> |
|
| 6 |
- <div class="slick-slider-slide-image" style="<?= $this->backgroundStyle ?>"></div> |
|
| 7 |
- <?php if ($this->minHeight): ?> |
|
| 8 |
- <style>.slide_<?= $this->id ?>:before { content: ""; display: block; padding-top: <?= $this->minHeight ?>; float: left; }</style>
|
|
| 9 |
- <?php endif; ?> |
|
| 10 |
- <?php endif; ?> |
|
| 11 |
- <div class="slide-content"> |
|
| 3 |
+<div class="slick-slider-slide slide_<?= $this->id ?>"> |
|
| 4 |
+ <?php if ($this->eSM_addImage && $this->src): ?> |
|
| 5 |
+ <div class="slick-slider-slide-image"></div> |
|
| 6 |
+ |
|
| 7 |
+ <style> |
|
| 8 |
+ <?= $this->backgroundStyle ?> |
|
| 9 |
+ <?php if ($this->backgroundStyleResponsive): ?><?= $this->backgroundStyleResponsive ?><?php endif; ?> |
|
| 10 |
+ </style> |
|
| 11 |
+ <?php endif; ?> |
|
| 12 |
+ <div class="slide-content"> |
|
| 12 | 13 |
|
| 13 | 14 |
<?php $this->endblock(); ?> |
Browse code
Add more slide background options
Benjamin Roth authored on01/11/2017 15:50:43 Showing1 changed files
| ... | ... |
@@ -1,7 +1,13 @@ |
| 1 | 1 |
<?php //$this->dumpTemplateVars(); ?> |
| 2 | 2 |
<?php $this->block('content'); ?>
|
| 3 | 3 |
|
| 4 |
- <div class="slick-slider-slide"<?php if ($this->eSM_addImage && $this->src): ?> style="background-image: url('<?= $this->src ?>'); min-height: <?= round($this->height/$this->width*100) ?>vw;"<?php endif; ?>>
|
|
| 4 |
+ <div class="slick-slider-slide slide_<?= $this->id ?>"> |
|
| 5 |
+ <?php if ($this->eSM_addImage && $this->src): ?> |
|
| 6 |
+ <div class="slick-slider-slide-image" style="<?= $this->backgroundStyle ?>"></div> |
|
| 7 |
+ <?php if ($this->minHeight): ?> |
|
| 8 |
+ <style>.slide_<?= $this->id ?>:before { content: ""; display: block; padding-top: <?= $this->minHeight ?>; float: left; }</style>
|
|
| 9 |
+ <?php endif; ?> |
|
| 10 |
+ <?php endif; ?> |
|
| 5 | 11 |
<div class="slide-content"> |
| 6 | 12 |
|
| 7 | 13 |
<?php $this->endblock(); ?> |
Browse code
Initial commit
Benjamin Roth authored on16/02/2017 11:35:38 Showing1 changed files
| 1 | 1 |
new file mode 100644 |
| ... | ... |
@@ -0,0 +1,7 @@ |
| 1 |
+<?php //$this->dumpTemplateVars(); ?> |
|
| 2 |
+<?php $this->block('content'); ?>
|
|
| 3 |
+ |
|
| 4 |
+ <div class="slick-slider-slide"<?php if ($this->eSM_addImage && $this->src): ?> style="background-image: url('<?= $this->src ?>'); min-height: <?= round($this->height/$this->width*100) ?>vw;"<?php endif; ?>>
|
|
| 5 |
+ <div class="slide-content"> |
|
| 6 |
+ |
|
| 7 |
+<?php $this->endblock(); ?> |