60 lines
1.8 KiB
ERB
60 lines
1.8 KiB
ERB
<style type="text/css">
|
|
.w-ad-banner__pager-wrap.w-ad-banner__page--active .w-ad-banner__pager.external {
|
|
display: none;
|
|
}
|
|
.w-ad-banner__pager-wrap.w-ad-banner__page--active.active .w-ad-banner__pager.external {
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
.w-ad-banner__pager.external img {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
.bundle-button{
|
|
padding-bottom: 1em;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
}
|
|
.fa.fa-times{
|
|
background: #e4225d;
|
|
color: white;
|
|
padding: 0.2em;
|
|
float: right;
|
|
cursor: pointer;
|
|
}
|
|
</style>
|
|
<div class="w-ad-banner ad-banner-widget-1 s-showcase">
|
|
<div class="w-ad-banner__pager-wrap w-ad-banner__page--active">
|
|
<h2 class="w-ad-banner__widget-title">{{unit-title}}</h2>
|
|
<div class="bundle-button">
|
|
<div class="w-ad-banner__control">
|
|
<button class="w-ad-banner__btn pull-left ui-button">
|
|
<i class="fa fa-pause"></i>
|
|
</button>
|
|
</div>
|
|
<div class="w-ad-banner__collpase ui-button">
|
|
<i class="fa fa-chevron-down"></i>
|
|
</div>
|
|
</div>
|
|
<div class="w-ad-banner__pager external" data-list="unit-images" data-level="0">
|
|
<span class="w-ad-banner__pager-item">
|
|
<img src="{{image-thumb-url}}" alt="{{alt-image}}">
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="w-ad-banner__wrap cycle-slideshow"
|
|
data-list="unit-images"
|
|
data-level="0"
|
|
data-cycle-fx="tileSlide"
|
|
data-cycle-slides=".w-ad-banner__slide"
|
|
data-cycle-timeout="5000"
|
|
data-cycle-pager=".w-ad-banner__pager"
|
|
data-cycle-pager-template=""
|
|
data-cycle-log="false"
|
|
>
|
|
<div class="w-ad-banner__slide">
|
|
<img class="w-ad-banner__image banner-responsive" src="{{image-url}}" alt="{{alt-image}}">
|
|
</div>
|
|
</div>
|
|
</div> |