javascript - 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主题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;
}