64 lines
2.0 KiB
Plaintext
64 lines
2.0 KiB
Plaintext
<div class="widget-link widget13">
|
|
<h2 class="widget-title">
|
|
<span>{{widget-title}}</span>
|
|
</h2>
|
|
<div class="widget-link_wrapper">
|
|
<div class="cycle-slideshow widget-content"
|
|
data-level="0" data-list="web_link" data-cycle-slides="> li"
|
|
data-cycle-fx="carousel" data-cycle-timeout="0" data-cycle-carousel-visible="4"
|
|
data-cycle-carousel-rwd-json="{768: 1}"
|
|
data-cycle-pause-on-hover="true" data-cycle-log="false" data-cycle-carousel-fluid="true">
|
|
<li class="widget-link__item">
|
|
<a href="{{link_to_show}}" target="{{target}}" title="{{img_description}}" onclick="{{onclick}}" class="widget-link-flex">
|
|
<div class="liWrapper">
|
|
<img class="widget-link__img" src="{{img_src}}" alt="{{img_description}}" title="{{img_description}}"><br />
|
|
</div>
|
|
<div class="widget-content-title">
|
|
<div class="widget-content-titleinner">
|
|
{{title}}
|
|
</div>
|
|
<small class="index-context">{{context}}</small>
|
|
</div>
|
|
|
|
</a>
|
|
</li>
|
|
|
|
</div>
|
|
<ul class="button-mid">
|
|
<i class="fa fa-angle-left prev-button" aria-label="<%= I18n.t("ad_banner.prev") %>"></i>
|
|
<i class="fa fa-angle-right next-button" aria-label="<%= I18n.t("ad_banner.next") %>"></i>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
$('[data-subpart-id="{{subpart-id}}"] .next-button').click(function(){
|
|
$(this).parent("ul").siblings('.widget-content').cycle("next");
|
|
})
|
|
$('[data-subpart-id="{{subpart-id}}"] .prev-button').click(function(){
|
|
$(this).parent("ul").siblings('.widget-content').cycle("prev");
|
|
})
|
|
</script>
|
|
<style type="text/css">
|
|
.widget-link_wrapper{
|
|
position: relative;
|
|
}
|
|
.widget-link.widget13 .button-mid{
|
|
position: absolute;
|
|
top: 1em;
|
|
width: 6em;
|
|
right: 1em;
|
|
z-index: 101;
|
|
}
|
|
.widget-link.widget13 .button-mid .fa{
|
|
cursor: pointer;
|
|
}
|
|
.widget-content-titleinner{
|
|
font-size: 1.2em;
|
|
font-weight: bold;
|
|
p{
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
|
|
</style> |