はじめて質問させてもらいます。
jqueryスライダーを1列でスライドさせるのではなく、2列で合計6枚を自動スライドさせたいと考えています。
検索をしてみますと、http://webdesignclass.blog.fc2.com/blog-entry-22 …
こちらのサイトのもののようにできればと思うのですが、すべてコピーして作ってみましたが動きませんでした。
lightboxや画像リンクは必要ありません。
また、スライトは自動で永遠にスライドしてほしいです。
宜しくお願いします。
No.1ベストアンサー
- 回答日時:
こんにちは。
参考であげておられるサイトにも書いてありますが、そちらで利用しているスライダー(bxslider)はコンテンツをスライドできるタイプのものです。
>2段でスライドさせることはできますか?
見た目に2段なだけで、スライドの1単位に画像2枚をセットで入れて、スライドさせているだけです。
極端に言ってしまえば、1枚に2つの図がある画像をスライドさせていると思えば良いかも。
それなので、実質的には1段のスライドだけれど、表示されている内容が2段に見えるようにしてスライドしているということになります。
実は、bxsliderはページ内に複数設置が可能なので、それこそ2つのものを上下にくっつけて並べて、別々にスライドさせることも可能なはずですけれど、ご質問はそういうことではなさそうですね。
>lightboxや画像リンクは必要ありません。
ということであれば、スライダー(bxslider)だけ設置できれば良いことになります。
設置の解説サイトは数多くありますので、検索すればいろいろヒットすると思います。
(とは言っても、一番確実な説明は配布サイトなのですが・・・)
http://bxslider.com/
設置する際に、上にも述べましたように、画像2枚を1セットになるようにすれば宜しいかと。
>すべてコピーして作ってみましたが動きませんでした。
正しいディレクトリの位置関係にそれぞれのファイルを置かないと、動作しない可能性があります。
lightboxは不要とのことなので、まずはbxsliderを設置してみて、動作するかを確認してみるのがよろしいでしょう。
>また、スライトは自動で永遠にスライドしてほしいです。
bxsliderにはいろいろなオプションが用意されていて、これらを指定することで見え方や動作を変えられるようになっています。
例えば、スライドする速度を変えたり、一度に表示されるコンテンツの単位の数(画像の数的なもの)を指定したり、縦方向にスライドさせたり・・・
自動で繰り返し(ループして)スライドさせたいなら、AutoとCarouselあたりを指定しておけば良さそうです。
http://bxslider.com/options
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- PowerPoint(パワーポイント) you tubeにパワポで作った動画を投稿する方法 1 2023/04/09 22:56
- Windows 10 フォルダ内の全ての画像を矢印キーでスライドできるようにしたい 1 2022/10/21 12:53
- YouTube Youtubeの収益化に関する質問です。 画像のスライドと動画を混ぜて字幕で解説する解説動画は、収益 3 2022/08/20 11:30
- HTML・CSS 画像が分割されて切り替わる、ループアニメーションが作りたい 7 2023/05/27 17:12
- その他(自然科学) 中古で買った対物レンズの精度を確認できるものとして顕微鏡校正スライドは必要でしょうか? 2 2022/04/12 20:07
- その他(暮らし・生活・行事) トイレのスライド鍵の謎 4 2022/06/04 12:37
- マウス・キーボード PC画面に表示されているHPなどを上下にスライドさせたい 7 2023/03/17 11:05
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- 野球 野球の投球球種のスイーパーについて 3 2023/05/27 10:33
このQ&Aを見た人はこんなQ&Aも見ています
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ImageMagickでgif画像の一部が...
-
Pythonでgif画像が上手く作れない
-
【EXCEL VBA】ダブルクリックで...
-
自作の地図をグーグルマップの...
-
こんなことてしますか??
-
C#で画像を他の画像に貼り付け...
-
Leafletで画像をon、offさせる...
-
画像比較
-
uwcs のマクロで画像認識をして...
-
uwscについての質問です。 画面...
-
イメージマップでマウスオーバ...
-
EXCEL VBA 複数のImageコントロ...
-
PowerPoint VBA で画像の鮮明度...
-
UWSCを使って画像リンクをクリ...
-
jqueryスライダーを2段でスライ...
-
【WPF】画像の切り替え
-
C# Picturebox 縮小・拡大時の...
-
vb.net 画像の透過について
-
画像処理したBitmapをピクチャ...
-
PCは表示されるがスマホでは画...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【EXCEL VBA】ダブルクリックで...
-
こんなことてしますか??
-
Pythonでgif画像が上手く作れない
-
Excel ユーザーフォームで表示...
-
VBA シート毎に画像挿入
-
生成AI画像について
-
EXCEL VBA 複数のImageコントロ...
-
HTMLで画像をポップアップで表...
-
UWSCの色判定
-
UWSC 画像判定と条件分岐について
-
jQuery . プログラミング 助け...
-
VBAのユーザーフォームのイメー...
-
jqueryスライダーを2段でスライ...
-
vb.net 画像の透過について
-
【WPF】画像の切り替え
-
背景画像の繰り返しについて
-
「using Windows」でエラーが出る
-
画像処理したBitmapをピクチャ...
-
スマホでサイトの画像を長押し→...
-
UWSC 画像認識で条件分岐
おすすめ情報