4

ここに画像の説明を入力

django とブートストラップ 3 テンプレートを使用して、「slick」( http://kenwheeler.github.io/slick/ )と呼ばれる jquery プラグインを使用してスライド プレゼンテーションをまとめています。次のようなdjangoテンプレートを使用して、基本的なカルーセルが機能しています。

  <div class="your-class">
    <div>your content</div>
    <div><IMG src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSj2c33fdt1ugB8VBuE5V37wnmPoxWMknX9JnGycNiH2yr3BpDKVA"></div>


    <div>your content</div>
  </div>

http://jsfiddle.net/kc11/20a90mdm/1/にフィドルがあります

http://kenwheeler.github.io/slick/の最初の例 (Single Item) のように、スライドの左右に矢印を追加する方法があるかどうか疑問に思っています。スライドの下に [前へ] ボタンと [次へ] ボタンしか表示されない

4

3 に答える 3

2

ここでCSSコードを試してみます...

    .slick-prev{
    background:#000;
    width:50px;
    height:50px;
    position:absolute;
    left:0;
    top:50%;
    -ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Safari */
    transform: translateY(-50%);
    }
.slick-next{
    background:#000;
    width:50px;
    height:50px;
    position:absolute;
    right:0;
    top:50%;
    -ms-transform: translateY(-50%); /* IE 9 */
    -webkit-transform: translateY(-50%); /* Safari */
    transform: translateY(-50%);
    }

ノート

親クラスを与える

位置:相対

また、必要に応じて左右の位置を設定できます。

于 2016-06-24T06:09:15.477 に答える
2

矢印はすでにそこにあります。ページの下部にある[前へ] ボタンと[次へ] ボタンです。slick-theme.css を含めるか、css を介して自分でスタイルを設定する必要があります。

于 2015-05-11T17:33:24.940 に答える