0

サンプルの「カスタム」設定を使用して、Caroufredsel スライダーが正常に動作しています。

<script type='text/javascript'>
        $(document).ready(function() {

            // Using custom configuration
            $("#random_selections").carouFredSel({
                items : 3,
                direction : "up",
                /*wrapper: {
                    margin:0px,
                },*/
                scroll : {
                    items : 1,
                    easing : "elastic",
                    duration : 1000,
                    pauseOnHover : true
                }
            });
        });
    </script>

ただし、上部の画像はコンテナーの上部境界線と同じ高さではありません。デバッガーを確認すると、.js ライブラリ内のレベルに CSS スタイルがあることがわかります。

 <div class="caroufredsel_wrapper" style="display: block; text-align: start; float: none; position: relative; top: auto; right: auto; bottom: auto; left: auto; z-index: auto; width: 400px; height: 1387px; margin: 16px 0px; overflow: hidden;">

この特定の要素が margin 属性によって制御されていることを発見しました。ライブラリのコードを変更せずに、この属性を調整して "margin: 0px 0px" を反映するにはどうすればよいですか? これを外部で行う方法はありますか？

Caroufredsel サポート フォーラムでの活動はほとんどなく、構成ページからはこれを調整する方法が明確ではありません。

4

1 に答える 1

1

スタイルシートでその要素を制御するクラスを見つけて、そこに生成されているかどうかを確認できます。インラインCSSを上書きしているクラスのいくつかの子要素があるかもしれません

于 2013-10-11T00:29:24.923 に答える