Skitter-Jquery Sideshow-希望减小方形尺寸

Question

我发现这个名为Skitter的jQuery幻灯片。这很棒！所以我在我的最新项目中实现了它。  我正在使用方形效果..

 $(document).ready(function(){
    $('.box_skitter_small').skitter({show_randomly: true, dots: true, interval:1000, numbers_align: 'center', theme: 'square'});
    });

我找不到这个功能。请帮帮我

Answer 1

在css文件夹

中的skitter.styles.css中修改Square theme 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;
}