【问题标题】:Skitter-Jquery Sideshow- want to reduce the square sizeSkitter-Jquery Sideshow-想要减小正方形大小
【发布时间】:2014-01-18 14:31:19
【问题描述】:
我发现了这个名为 Skitter 的 jQuery 幻灯片。这很棒!所以我在我最新的项目中实现了它。
我正在使用方形效果..
$(document).ready(function(){
$('.box_skitter_small').skitter({show_randomly: true, dots: true, interval:1000, numbers_align: 'center', theme: 'square'});
});
我找不到函数,请帮帮我
【问题讨论】:
标签:
javascript
jquery
skitter-slider
【解决方案1】:
修改css文件夹内skitter.styles.css中Square主题css的宽度和高度
每个主题都有一些默认设置
查看第一个默认行
/* =Square theme
-------------------------------------------------------------- */
.skitter-square .play_pause_button,
.skitter-square .next_button,
.skitter-square .focus_button,
.skitter-square .prev_button
{
display: block;
background: url('../images/sprite-square.png') no-repeat;
}
.skitter-square .play_pause_button {
background-position: -55px -0px;
width: 55px;
height: 55px;
top: 10px !important;
left: 10px !important;
bottom: auto !important;
right: auto !important;
margin-top:0;
}
.skitter-square .play_pause_button.play_button {
background-position: -0px -0px;
width: 55px;
height: 55px;
}