我已经设置了Supersized JQuery插件(http://www.buildinternet.com/project/supersized/),并从示例中复制了设置,并用我自己的图像替换了它们的图像。
第一张图像显示正常时,它不会过渡到第二张图像,并且后退箭头和下一箭头都不会出现。
谁能指出我正确的方向?难道我做错了什么?谢谢!
设置是:
<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>
最佳答案
好的-我终于弄清楚了:我应该使用的时候已经链接到supersized.core.3.2.1.min.js:滑块的为supersized.3.2.7.min.js(该站点上很棒的文档。 )
关于javascript - jQuery Supersized插件未过渡,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/13832741/