缩略图滑块是一个全屏旋转木马滑块与大量的功能和设置。滑块自动适合浏览器的大小。
只有一些小变化对css文件你可以改变你的滑块的布局。
$(document).ready(function() {
$('.fancy_thumbnail').fancythumbnailslider({
delay:100,
slide:300,
loop:true,
autoplay:false,
time:3000, // time if autoplay
captionFade:0,
arrowKeys:true,
shuffle:true, // if false slide from left to right
fixedWidth: false,
scrollItem: 1,
pause: true });
// hide info after 3 seconds
$('.info').delay(3500).fadeOut(300);
$(document).click(function() {
$('.info').hide();
});
$('.open_config').click(function() {
var display = $('.config_inner').css('display');
if(display == 'none') { $('.config_inner').fadeIn(200); }
if(display == 'block') { $('.config_inner').fadeOut(200); }
return(false);
});
function center_main() {
var window_height = $(window).height();
var main_height = parseInt($('#main').css('height'));
var main_height_margin = (window_height - main_height) / 2;
$('#main').css('top',Math.floor(main_height_margin));
}
center_main();
});