一度押せば別のページに移動するカルーセルスライドの1つにボタンを追加したいと思います。これを行う方法を理解できませんでした。誰かが私にどのようにこれを行うことができるかの例を示すことができますか?ボタンをカルーセルスライドにのみ追加する方法はありますか?
0
A
答えて
1
それを見ることができますあなたは相対的にカルーセルの位置を設定して、あなたはボタンがに表示したい以内にボタンを配置し、次に設定することにより、これを行うことができます。これが行われた後は、ボタンの位置を絶対値に設定する必要があります。これが完了すると、カルーセル画像にボタンが表示され、配置したい場所にボタンを配置するだけです。
このような質問の回答には、このような例があります。CSS - position button inside image
0
ここでは、ブートストラップ3に内蔵されたカルーセルを使用し、最初のスライドにボタンを使用した例を示します。
<div class="container">
<br>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="http://placehold.it/1400x400" alt="slide">
<div class="carousel-caption">
<a href="https://www.google.co.uk/" target="_blank"><button type="button" class="btn btn-default">Read More</button></a>
</div>
</div>
<div class="item">
<img src="http://placehold.it/1400x400" alt="slide">
</div>
<div class="item">
<img src="http://placehold.it/1400x400" alt="slide">
</div>
</div>
</div>
<!-- Left and right controls -->
<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
あなたはhere
関連する問題
- 1. 投稿からイベントハンドラをボタンに追加する方法はありますか?
- 2. モジュールの追加ボタンをオフにする方法はありますか?
- 3. JSONテーブルにボタンを動的に追加する方法はありますか?
- 4. _execute javascriptメソッドで選択オブジェクトにアクセスしてボタンをリボンツールバーに追加する方法はありますか?ボタンにイメージを追加する方法は?
- 5. android.util.logにリスナーを追加する方法はありますか?
- 6. MapboxにGeoFenceを追加する方法はありますか?
- 7. カバレッジレポートをgitlabに追加する方法はありますか?
- 8. Yesodにハンドラを追加する方法はありますか?
- 9. クリップボードにデータを追加する方法はありますか?
- 10. ワークシートを追加する方法\ワークシートを共有Excelファイルに追加する方法はありますか?
- 11. Sphinxでzone_weights()を追加する方法はありますか?
- 12. 2次outerLayoutを追加する方法はありますか?
- 13. プログラムでフォームコントロールを追加する方法はありますか?
- 14. 実行時にCKEditorのプラグインをリンクするボタンを追加する方法はありますか?
- 15. 電子メールにファイルを添付するためのボタンを追加する方法はありますか?
- 16. ボタンをクリックした後、もう1つの要素をキャンバスに追加する方法はありますか?
- 17. シートセルのデータの横にVBAでプログラムでボタンを追加する方法はありますか?
- 18. jqgridのアクションボタンの前に追加ボタンを追加する方法
- 19. ボタンをクリックしたときに編集テキストボックスを動的に追加する方法はありますか?
- 20. DOMにイベントリスナーを含むボタンを動的に追加する方法はありますか?
- 21. ボタンにブートストラップを追加する方法
- 22. QLPreviewControllerにボタンを追加する方法
- 23. ボタンをテーブルに追加する方法
- 24. ボタンにリストボックスを追加する方法
- 25. ボタンにメニューを追加する方法
- 26. IPadのUITabBarにボタンを追加する可能性はありますか?
- 27. AJAX読み込み画像にホバー効果を追加する方法はありますか?
- 28. JLabelの下にJButtonのGridLayoutを追加する方法はありますか?
- 29. 各TextViewの最後にクリック可能なボタンを追加する方法はありますか?
- 30. Python 2.7のSlack APIペイロードにTwitter共有ボタンを追加する方法はありますか?