【jQuery】画像以外の要素もスライドできるbxsliderの使い方 « JavaScript « 技術ブログ « 株式会社プロネット | WEBシステム開発20年以上の実績

bxslider は、簡単にスライドを実装出来るjQueryプラグインです。 このスライダーは画像だけではなくdivや動画等もスライドさせることが可能です。 公式サイトはこちら。 デモも用意されています。 環境 jQuery：1.8.3 bxslider：4.1.2 準備 head内で必要なJS,CSSを読み込みます。 この際CSSフォルダにbxslider用のimagesフォルダも追加しましょう。 パスは環境に合わせて変更してください。 <!-- jQuery --> <script type="text/javascript" src="js/lib/jquery-1.8.3.min.js"></script> <!-- bxSlider --> <script type="text/javascript" src="js/lib/jquery.bxslider.min.js"></s

[honyalink]

“$(function(){ //bxSilderクラスに適用 $(".bxSlider").bxSlider();});”