1

skitter-sliderプラグインは次の小道具でセットアップされますが、スライドにマウスを合わせると、次のボタンと前のボタンが表示されます。マウスがスライドの上にあるときでも、ボタンを削除する必要があります。ナビゲーション: false で処理する必要があると思いますが、機能しません。

<!-- Init Skitter -->
    <script type="text/javascript" language="javascript">
        $(document).ready(function() {
            $('.box_skitter_large').css({width: 530, height: 110}).skitter({
                theme: 'round',
                numbers_align: 'center',
                navigation: false,
                enable_navigation_keys: false,
                progressbar: false, 
                dots: true, 
                preview: false,
                hideTools: true
            });
        });
    </script>

また、skitter.styles.css ファイルの次のすべてのクラスに display:none を追加しようとしました。

.skitter-round .prev_button, 
.skitter-round .next_button,
4

2 に答える 2

1

display: none !important; を使用できます。この問題を解決するには。

于 2014-03-19T08:44:34.810 に答える
1

scitter.styles.cssを開き、この行display: block;を次のように変更します。

 display: none !important;

skitter.styles.cssで、

    /* =Round theme
    -------------------------------------------------------------- */
.skitter-round .prev_button, 
.skitter-round .next_button, 
.skitter-round .play_pause_button, 
.skitter-round .focus_button 
{
    display: none !important; // change to this
    background: url('../images/sprite-round.png') no-repeat;
}
于 2014-03-19T08:13:02.743 に答える