58 lines
2.1 KiB
Plaintext
58 lines
2.1 KiB
Plaintext
<div>
|
|
<div
|
|
id='slideshow-<%= @ad_banner.title.dehumanize %>'
|
|
class="orbit-cycle-slideshow"
|
|
data-cycle-timeout="<%= @ad_banner.timeout_millisecond %>"
|
|
data-cycle-fx="<%= @ad_banner.ad_fx %>"
|
|
|
|
data-cycle-pager-active-class="activeSlide"
|
|
data-cycle-random='true'
|
|
|
|
data-cycle-slides=".slide-img"
|
|
data-overlay=".adBanner-overlay .caption"
|
|
data-pager=".<%= @ad_banner.title.dehumanize %> .navigation"
|
|
data-cycle-pager-template="<li class='dot'></li>"
|
|
style="z-index: 0">
|
|
|
|
<% @ad_banner.ad_images.can_display.each do |ad_image| %>
|
|
<div
|
|
class="slide-img"
|
|
data-cycle-title="<%= ad_image.title %>"
|
|
data-cycle-desc="<%= ad_image.context %>"
|
|
data-overlay-template="<h2><%= ad_image.title %></h2><%= ad_image.context %>">
|
|
<% link = ad_image_link(ad_image) %>
|
|
<%= image_tag ad_image.file, alt: ad_image.title, title: ad_image.title, width: @ad_banner.width, height: @ad_banner.height, link_open: ad_image.link_open, link_url: link, style: "#{'cursor:pointer;' if link.present?}" %>
|
|
<%= %>
|
|
</div>
|
|
<% end %>
|
|
</div>
|
|
<div class="<%= @ad_banner.title.dehumanize %> adBanner-overlay">
|
|
<div class="caption"></div>
|
|
<ul class="navigation"></ul>
|
|
</div>
|
|
<!-- <ul class='clear banner_nav banner_nav_<%#= @ad_banner.title.dehumanize %>'></ul> -->
|
|
</div>
|
|
|
|
<script>
|
|
$(function(){
|
|
// if($("#slideshow-<%= @ad_banner.title.dehumanize %> img").length > 1){
|
|
// var a = [];
|
|
// <% @ad_banner.ad_images.can_display.each do |image| %>
|
|
// a.push("<%= image.file.url %>");
|
|
// <% end %>
|
|
// $.preload(a, 2, function(){
|
|
// $('.orbit-cycle-slideshow').cycle();
|
|
// var lis = $("ul.banner_nav_<%= @ad_banner.title.dehumanize %> li");
|
|
// if( lis.length > a.length ){
|
|
// for( i = lis.length - 1; i > a.length - 1; i-- ){
|
|
// lis[i].remove();
|
|
// }
|
|
// }
|
|
// });
|
|
// }
|
|
// else{
|
|
// $("#slideshow-<%= @ad_banner.title.dehumanize %> img").show()
|
|
// }
|
|
$('.orbit-cycle-slideshow').cycle();
|
|
});
|
|
</script> |