galleryviewでpause_on_hover: trueにしたらマウスをhoverしたらスライドショーは止まるはずですが、止まらないです。
コードの一部ですが、ご回答宜しくお願いいたします。
h
html
1$("#mainslider").galleryView({panel_width: 960,panel_height: 300,frame_width: 182,frame_height: 74,transition_speed: 400,transition_interval: 5000,easing: 'swing',show_captions: false,pause_on_hover: true}); 2 $(".inline").colorbox({inline:true, width:"560px"}); 3 4}); 5
javascript
1/* 2 3 GalleryView - jQuery Content Gallery Plugin 4 Author: Jack Anderson 5 Version: 1.1 (April 5, 2009) 6 Documentation: http://www.spaceforaname.com/jquery/galleryview/ 7 8 Please use this development script if you intend to make changes to the 9 plugin code. For production sites, please use jquery.galleryview-1.0.1-pack.js. 10 11*/ 12(function($){ 13 $.fn.galleryView = function(options) { 14 var opts = $.extend($.fn.galleryView.defaults,options); 15 16 var id; 17 var iterator = 0; 18 var gallery_width; 19 var gallery_height; 20 var frame_margin = 3; 21 var strip_width; 22 var wrapper_width; 23 var item_count = 0; 24 var slide_method; 25 var img_path; 26 var paused = true; 27 var frame_caption_size = 20; 28 var frame_margin_top = 0; 29 var pointer_width = 2; 30 31 //Define jQuery objects for reuse 32 var j_gallery; 33 var j_filmstrip; 34 var j_frames; 35 var j_panels; 36 var j_pointer; 37 38 39 40 /************************************************/ 41 /* Initiate Automated Animation */ 42 /************************************************/ 43 //Show the first panel 44 j_panels.eq(0).show(); 45 46 //If we have more than one item, begin automated transitions 47 if(item_count > 1) { 48 $(document).everyTime(opts.transition_interval,"transition",function(){ 49 showNextItem(); 50 }); 51 } 52 53 //Make gallery visible now that work is complete 54 j_gallery.css('visibility','visible'); 55 }); 56 }; 57 $.fn.galleryView.defaults = { 58 panel_width: 400, 59 panel_height: 300, 60 frame_width: 80, 61 frame_height: 80, 62 filmstrip_size: 3, 63 overlay_height: 70, 64 overlay_font_size: '1em', 65 transition_speed: 400, 66 transition_interval: 6000, 67 //overlay_opacity: 0.6, 68 overlay_opacity: 0, 69 overlay_color: 'black', 70 //background_color: 'black', 71 background_color: '#dcf0ff', 72 overlay_text_color: 'white', 73 caption_text_color: 'white', 74 //border: '1px solid black', 75 nav_theme: 'light', 76 easing: 'swing', 77 filmstrip_position: 'bottom', 78 overlay_position: 'bottom', 79 show_captions: false, 80 fade_panels: true, 81 pause_on_hover: true 82 }; 83})(jQuery);
文字数制限されてますので、一部だけ載せました。
ご回答宜しくお願いいたします。
回答1件
あなたの回答
tips
プレビュー