diff --git a/app/helpers/application_helper.rb b/app/helpers/application_helper.rb index 4f52935fa..94e560a13 100644 --- a/app/helpers/application_helper.rb +++ b/app/helpers/application_helper.rb @@ -220,7 +220,7 @@ module ApplicationHelper javascripts << "\n" end javascripts << "\n" - javascripts << "\n" + # javascripts << "\n" javascripts << "\n" # javascripts << "\n" javascripts << "\n" diff --git a/app/views/front/show_banner.html.erb b/app/views/front/show_banner.html.erb index 0a59f1bda..929b0a56f 100644 --- a/app/views/front/show_banner.html.erb +++ b/app/views/front/show_banner.html.erb @@ -3,7 +3,7 @@
<% (images = @ad_banner.ad_images).shuffle.each do |ad_image| %> <% if ad_image.display? %> - <%= ad_image.title || ' title='<%= ad_image.title || ' ' %>' time_to_next='<%= @ad_banner.transition_msec %>' link_open='<%= ad_image.link_open %>' link_url='<%= ad_image_link(ad_image) %>' style=' <%= 'cursor:pointer;' if !ad_image_link(ad_image).blank? %>'/> + <%= ad_image.title || ' title='<%= ad_image.title || ' ' %>' time_to_next='<%= @ad_banner.transition_msec %>' link_open='<%= ad_image.link_open %>' link_url='<%= ad_image_link(ad_image) %>' style=' <%= 'cursor:pointer;' if !ad_image_link(ad_image).blank? %>'/> <% end %> <% end %>
@@ -13,7 +13,10 @@ "banner_fx":"<%= @ad_banner.ad_fx.nil? ? 'fade': @ad_banner.ad_fx %>", "banner_pager":".banner_nav-<%= @ad_banner.title.dehumanize %>", "image_count":"<%= @ad_banner.ad_images.length %>", - "image_loaded":0 + "image_loaded":0, + "time_to_next":<%= @ad_banner.transition_msec %>, + "current":0, + "best_size": "<%= @ad_banner.best_size %>" }; banners.push(banner); \ No newline at end of file diff --git a/public/static/kernel.js b/public/static/kernel.js index 87de3e3d6..49b49ff6b 100644 --- a/public/static/kernel.js +++ b/public/static/kernel.js @@ -1,5 +1,7 @@ var banners = []; var banner_index = 0; +$q = jQuery; +$q.getScript('/static/jquery.cycle.all.latest.js'); $(document).ready(function() { $.each($(".dymanic_load"),function(){ @@ -36,22 +38,56 @@ function ajax_load_proc(wapper,url,isBanner){ function BannerCycle(banner_index){ var banner = banners[banner_index]; - if (!!$.prototype.cycle && (banner.image_loaded==$(banner.banner_name+" img").length)){ - $(banner.banner_name).ready(function() { - $(banner.banner_name).cycle({ + if (banner.image_loaded==$(banner.banner_name+" img").length){ + if(banner.banner_name=="#slideshow-banner"){ + $q(banner.banner_name).cycle({ delay: -1000, fx: banner.banner_fx, - timeoutFn: getTimeout, + timeout: banner.time_to_next, pager: banner.banner_pager, pagerAnchorBuilder: function(idx, slide) { return "
  • "; } }); - }); + }else{ + var width = banner.best_size.split(" x ")[0]; + var height = banner.best_size.split(" x ")[1]; + $(banner.banner_name).css( "width", width); + $(banner.banner_name).css( "height", height); + $(banner.banner_name).css( "display", "block"); + $(banner.banner_name).css( "overflow", "hidden"); + $(banner.banner_name+" > img").each(function(){ + $( this ).css( "position", "absolute" ); + $( this ).css( "top", "0" ); + $( this ).css( "left", "0" ); + $( this ).css( "display", "block" ); + }); + if($(banner.banner_name+" > img").length>1) OrbitCycle(banner_index); + } }else{ - if(!$.prototype.cycle) $.getScript('/static/jquery.cycle.all.latest.js'); setTimeout("BannerCycle("+banner_index+")",500); } } +function OrbitCycle(banner_index){ + var banner = banners[banner_index]; + var index = 0; + + $(banner.banner_name+" > img").each(function(){ + if(index==banner.current){ + $(this).fadeTo( "slow" , 1); + }else{ + $(this).fadeTo( "slow" , 0); + } + index++; + }); + if((banner.current+1)<$(banner.banner_name+" img").length){ + banner.current++; + }else{ + banner.current=0; + } + // console.log("OrbitCycle: "+banner_index); + setTimeout("OrbitCycle("+banner_index+")",banner.time_to_next); +} + // Ad Banner FX code [start] function getTimeout() { return $(this).attr('time_to_next');