jqueryスライダーを2段でスライドさせることはできますか？

はじめて質問させてもらいます。

jqueryスライダーを1列でスライドさせるのではなく、2列で合計6枚を自動スライドさせたいと考えています。
検索をしてみますと、http://webdesignclass.blog.fc2.com/blog-entry-22 …
こちらのサイトのもののようにできればと思うのですが、すべてコピーして作ってみましたが動きませんでした。
lightboxや画像リンクは必要ありません。
また、スライトは自動で永遠にスライドしてほしいです。

宜しくお願いします。

No.1 ベストアンサー 回答者： fujillin 回答日時： 2016/03/10 16:11

こんにちは。

参考であげておられるサイトにも書いてありますが、そちらで利用しているスライダー（bxslider）はコンテンツをスライドできるタイプのものです。

＞2段でスライドさせることはできますか？
見た目に２段なだけで、スライドの１単位に画像2枚をセットで入れて、スライドさせているだけです。
極端に言ってしまえば、1枚に２つの図がある画像をスライドさせていると思えば良いかも。
それなので、実質的には１段のスライドだけれど、表示されている内容が２段に見えるようにしてスライドしているということになります。
実は、bxsliderはページ内に複数設置が可能なので、それこそ２つのものを上下にくっつけて並べて、別々にスライドさせることも可能なはずですけれど、ご質問はそういうことではなさそうですね。

＞lightboxや画像リンクは必要ありません。
ということであれば、スライダー（bxslider)だけ設置できれば良いことになります。
設置の解説サイトは数多くありますので、検索すればいろいろヒットすると思います。
（とは言っても、一番確実な説明は配布サイトなのですが・・・）
http://bxslider.com/

設置する際に、上にも述べましたように、画像２枚を1セットになるようにすれば宜しいかと。

＞すべてコピーして作ってみましたが動きませんでした。
正しいディレクトリの位置関係にそれぞれのファイルを置かないと、動作しない可能性があります。
lightboxは不要とのことなので、まずはbxsliderを設置してみて、動作するかを確認してみるのがよろしいでしょう。

＞また、スライトは自動で永遠にスライドしてほしいです。
bxsliderにはいろいろなオプションが用意されていて、これらを指定することで見え方や動作を変えられるようになっています。
例えば、スライドする速度を変えたり、一度に表示されるコンテンツの単位の数（画像の数的なもの）を指定したり、縦方向にスライドさせたり・・・

自動で繰り返し（ループして）スライドさせたいなら、AutoとCarouselあたりを指定しておけば良さそうです。
http://bxslider.com/options

この回答へのお礼

早々にありがとうございます。
考え方は分かりました。あとは例のサイトを見本に再度トライしてみます。

お礼日時：2016/03/10 17:53