0
A
答えて
0
このスクリプトを使用していました。
<script>
var slideIndex = 1;
showDivs(slideIndex);
function plusDivs(n) {
showDivs(slideIndex += n);
}
function showDivs(n) {
var i;
var x = document.getElementsByClassName("mySlides");
if (n > x.length) {slideIndex = 1}
if (n < 1) {slideIndex = x.length}
for (i = 0; i < x.length; i++) {
x[i].style.display = "none";
}
x[slideIndex-1].style.display = "block";
}
</script>
そして絵は次のようにアレンジすることができます。
<div class="YOUR PICTURE CLASS" style="max-width:800px;position:relative">
<img class="mySlides" src="img_fjords.jpg" style="width:100%">
<img class="mySlides" src="img_lights.jpg" style="width:100%">
<img class="mySlides" src="img_mountains.jpg" style="width:100%">
<img class="mySlides" src="img_forest.jpg" style="width:100%">
<a class="w3-btn-floating" style="position:absolute;top:45%;left:0" onclick="plusDivs(-1)">❮</a>
<a class="w3-btn-floating" style="position:absolute;top:45%;right:0" onclick="plusDivs(1)">❯</a>
</div>
このページで詳細を学ぶことができます。 http://www.w3schools.com/w3css/w3css_slideshow.asp
0
使用スリックスライダーの代わりに、ブートストラップカルーセルこと...センターモードで使用してください リンク:http://kenwheeler.github.io/slick/ jquery >>のようになります。その後、あなたのウェブサイトにlibファイルを含めてください: $( '中央')スリック({ centerMode:。本当、 centerPadding: '60PX'、 slidesToShow:3、 応答:[ { ブレークポイント:768、 設定:{ 矢印:偽、 centerMode :真、 centerPadding: '40ピクセル'、 slidesToShow:3 } }、 { ブレークポイント:480、 設定:{ 矢印:偽、 centerMode:真、 centerPadding: '40ピクセル'、 slidesToShow。 1 } } ] });
関連する問題
- 1. wordpress PHPがブートストラップカルーセルでページあたり3スライドを表示する
- 2. ブートストラップカルーセルにスライドが表示されない
- 3. jQueryスライドでスライドを隠す/表示する...これを行うにはより良い方法ですか?
- 4. ブートストラップ3の空白のスライドすべての画像スライドの間
- 5. divs間のスライド(ブートストラップカルーセルのような画像ではありません)
- 6. ブートストラップ・カルーセルが一度にすべてのスライドを表示しています
- 7. アンドロイドは、SMSのような表示パネルをスライドさせます
- 8. ブートストラップカルーセルがスライドしていない
- 9. BxSliderは最後のスライドを最初のスライドとして表示します
- 10. スライドごとに異なるテキストを切り替えます - ブートストラップカルーセル
- 11. show()jquery関数はすべてのコンテンツをスライドさせます
- 12. Flexsliderは、すべてのスライドを循環するまで、最後のスライドのみを表示しますが、フェードアニメーションのみを使用します。
- 13. Eris Blockchainのすべてのブロックですべてのイベントを表示する方法はありますか?
- 14. ブートストラップカルーセルがすべてのサムネイルを表示しない
- 15. ブートストラップカルーセル:2台のカルーセルスライダーを同時にスライドさせる方法は?
- 16. テキストテーブルを変更するコードすべてのスライド内の色
- 17. Androidのスライドはこのイメージに示すように、私はレイアウトが表示
- 18. bxSlider jqueryはランダムなスライドを表示していますか?
- 19. すべてのスライドでIonic 2アニメーションが再生されない
- 20. ブートストラップカルーセル次のスライドの一部を公開
- 21. ブートストラップカルーセルのスライド時に、モーションブラーを追加
- 22. ブートストラップカルーセルのスライド数を示すカウンターの円をどのように削除しますか?
- 23. 値がアクティブであってもファセットブロックのすべての値を表示する方法はありますか?
- 24. VBA一度にすべてのスライドを削除
- 25. スイフトの下からスライドを表示していますか?
- 26. UISwipeGestureRecognizerを使用してスライドするビューコントローラをスライドさせます。
- 27. すべてのスライド内のすべてのPowerPoint Shapeをグループ化解除するVBA
- 28. スライドは日によって異なりますか?
- 29. スライドを左にスライドさせ、親のホバーで右にスライドして内容を表示し続ける
- 30. CSSのアニメーションは、「ブロック」でスライドして「なし」になります