2012-12-12 24 views
1

我已經設置了JQuery Plugin Supersized(http://www.buildinternet.com/project/supersized/)並複製了示例中的設置,用我自己的圖像替換了它們的圖像。JQuery超級插件不轉換

雖然第一張圖像顯示正常,但它不會過渡到第二張圖像,並且不會出現背面和下一個箭頭。

任何人都可以指向正確的方向嗎?難道我做錯了什麼?謝謝!

設置爲:

<link rel="stylesheet" type="text/css" href="css/supersized.core.css" /> 
<script src="js/supersized.core.3.2.1.min.js"></script> 
<script src="js/jquery.easing.min.js"></script> 

<script type="text/javascript"> 



     jQuery(function($){ 

     $.supersized({ 

     // Functionality 
     slideshow:1, // Slideshow on/off 
     autoplay:1, // Slideshow starts playing automatically 
     start_slide:1, // Start slide (0 is random) 
     stop_loop:0, // Pauses slideshow on last slide 
     random:0, // Randomize slide order (Ignores start slide) 
     slide_interval:3000, // Length between transitions 
     transition:6, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left 
     transition_speed:1000, // Speed of transition 
     new_window:1, // Image links open in new window/tab 
     pause_hover:0, // Pause slideshow on hover 
     keyboard_nav:1, // Keyboard navigation on/off 
     performance:1, // 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit) 
     image_protect:1,// Disables image dragging and right click with Javascript 

     // Size & Position       
     min_width:0, // Min width allowed (in pixels) 
     min_height:0, // Min height allowed (in pixels) 
     vertical_center:1, // Vertically center background 
     horizontal_center:1, // Horizontally center background 
     fit_always:0,  // Image will never exceed browser width or height (Ignores min. dimensions) 
     fit_portrait:1,  // Portrait images will not exceed browser height 
     fit_landscape:0, // Landscape images will not exceed browser width 

     // Components       
     slide_links:'blank', // Individual links for each slide (Options: false, 'number', 'name', 'blank') 
     thumb_links:1,  // Individual thumb links for each slide 
     thumbnail_navigation:0, // Thumbnail navigation 
     slides : [  // Slideshow Images 
                   {image : 'assets/images/Retouch_096.jpg', title : '', thumb : '', url : 'assets/images/Retouch_096.jpg'}, 
                   {image : 'assets/images/rooftop.jpg', title : '', thumb : '', url : 'assets/images/rooftop.jpg'} 
                 ], 

     // Theme Options    
     progress_bar:0, // Timer for each slide       
     mouse_scrub:0 

      }); 
     }); 



    </script> 
+0

你有一個你的代碼的實時網址? –

回答

6

行 - 我終於想通了:我被鏈接關閉以supersized.core.3.2.1.min.js時,我應該使用:supersized.3.2.7。 min.js滑塊(網站上的精彩文檔...)

+1

我有同樣的問題,並犯了同樣的錯誤。有一些關於「核心」這個詞讓我相信這是我需要的適當文件。 –

+1

謝謝,我正要把電腦扔出窗外。 Core =主文件不是! –

+0

同樣的問題,非常感謝! –