スライダー

GUIのグラフィカルウィジェットのひとつです。インジケーターを動かすことで値を調節可能とします。

RSS
  • 受付中

    回答
    2

    slick.jsのボタンが効かない

    2つのスライダーを同期させて動かしたくslick.js(http://kenwheeler.github.io/slick/)を実装したのですが、prevボタンが効きません。 nextボタンは反応するのですが… このようなスライダーに詳しい方アドバイスをお願いします。 <div id="wrap"> <ul id="thumbnail_s

    • 0評価
    • 82PV
    KazuhiroHatano KazuhiroHatano 1週間前に 回答を編集
  • 受付中

    回答
    0

    Slider Proのloop時、1枚目の画像が一瞬消える件(iPhone/Safari)

    前提・実現したいこと jQueryプラグインのSlider Proを使用してキャプションが遅れて出てくるタイプのスライダーを実装しています。 640pxをブレイクポイントに、画像が切り替わるような設定です。 http://bqworks.com/slider-pro/ iPhoneのSafariで見たときのみ、ループして1枚目に戻ってきたときの画像が一

    • 0評価
    • 115PV
    teratailが1ヶ月前に アップデート
  • 解決済

    回答
    2

    Swiperで途中のスライドへ直接リンクを貼る

    前提・実現したいこと swiperを利用し、画像+テキストのボックスをスライドさせるコンテンツスライダーを作りました。 例として下記の3つがスライドするページで、 <div class="swiper-slide" id="#no1">コンテンツ1</div> <div class="swiper-slide" id="#no2">コンテンツ2</di

    • 0評価
    • 88PV
    neri neri 1ヶ月前に コメント
  • 受付中

    回答
    1

    jQueryでスライダーを作ったのですが、一般的 or メンテしやすい書き方ありますか?

    SPAの開発に向けて、メンテしやすいコード作りを勉強してます。 jQueryでスライダーを作ったのですが、もっと良い書き方ありますか? ※今回はObserverの考え方は取り入れてません。 疑問点 BEMベースのクラス名が長いので変数化したが、動的な部分は変数でないものもあり、混乱する そもそもクラス名の付け方やタグ構造が悪いから書きづらい?

    • 0評価
    • 246PV
    kei344 kei344 2ヶ月前に 回答
  • 解決済

    回答
    1

    WPの個別ページで、slickを使用してサムネイルは固定で、メイン画像だけスライダーの画像表示をした...

    前提・実現したいこと WPの個別ページで使用するサムネイル付きスライダーを作成したいのですが、 イメージとしては下記のURLのように、サムネイルは固定にして、メイン画像だけスライダーにしたいです。 (ちなみにスライドする際の矢印もメイン画像に) http://daikin-car.co.jp/serch/%E3%83%8F%E3%82%B9%E3%83

    • 0評価
    • 142PV
    stampdoor stampdoor 3ヶ月前に ベストアンサー
  • 解決済

    回答
    3

    レスポンシブサイトでウインドウサイズを小さくすると必要のない隙間ができる

    下記はレスポンシブサイト用のソースです。 スライドショー部分なのですが、ウインドウサイズを変更すると画像はウインドウサイズによって サイズが変わってくれるのですが、 下の <section> <!-- company_dscription --> <div id="company_discription"> <p>”人間が全ての事の主

    • 0評価
    • 170PV
    kszk311 kszk311 4ヶ月前に 回答を編集
  • 解決済

    回答
    1

    スライドショーを横の中央寄せにさせたいが、うまく中央になって綺麗にスライドしない

    こちらのスライドショーを横の中央寄せにさせたいのですが、うまく中央になって綺麗にスライドしてくれません。 解決方法などアドバイスがあれば教えてください。 「現状」 スライドショーとしては綺麗にスライドしてくれますが左に寄ってしまいます。 これはimgのheightやwidthを100%にしてレスポンシブにしたら左によってしまいました。 <HTML>

    • 0評価
    • 131PV
    ryuunosuke 退会済みユーザー 4ヶ月前に コメント
  • 解決済

    回答
    1

    背景色をそのままにCSSのスライドショーの画像を中央寄せにしたい。

    下記はCSSだけで作ったスライドショーです。 スライドショーの画像の下に背景色として要素全体に赤色をつけたのです。 (北朝鮮っぽいサイトになってますがただのネタです。) <html> <!DOCTYPE HTML> <html> <head> <link rel="stylesheet" type="text/css" href="css/main_

    • 0評価
    • 126PV
    ryuunosuke 退会済みユーザー 4ヶ月前に コメント
  • 受付中

    回答
    1

    Slider Proで動画再生時は自動スライドを止める設定について

    Slider Proでyoutubeの複数の動画を自動スライドさせて、動画再生時はスライドをストップさせようとしています。 オプション設定はplayVideoActionを'stopAutoplay'にすればいいと思うのですが、動画再生時も自動スライドが止まりません。 設定に問題があるでしょうか。 よろしくお願いします。 http://www.geoci

    • 0評価
    • 480PV
    hydethchang hydethchang 5ヶ月前に コメント
  • 解決済

    回答
    1

    swiperを2つのタブ切り替えで使うとナビゲーションがうまく表示されない不具合が解決できません

    前回の質問( https://teratail.com/questions/106802 )で、回答者様からのアドバイスも有り、2タブを切り替えてその中にswiperを用いてスライダーを実装し、機能するようにはなったのですが、 切り替えた先のタブでswiper-paginationがうまく表示されないという不具合が発生しています。アドバイスお願いします。

    • 0評価
    • 485PV
    Tomak Tomak 5ヶ月前に ベストアンサー
  • 受付中

    回答
    1

    FlexSliderでHTML5<video>をスライドと同時に再生させたい(jQuery/Java...

    スライダープラグインFlexSliderを使ってhtml5の<video>タグで出力されている3つの動画をスライドさせているのですが、そのままの状態ですとスライドした時に2番目・3番目の動画が途中から再生されてしまいます(3番目が終わって1番目に再び戻った時は1番目の動画も途中から再生されます)。 おそらくサイト表示させた段階で3つの動画とも同時に再生されて

    • 0評価
    • 668PV
    egg_plant 退会済みユーザー 6ヶ月前に コメント
  • 解決済

    回答
    3

    wordpressでのスライダーがうまく機能しないので詳しい方よろしくお願いします

    wordpressでテーマを自作していて、swiperを実装して、foreachで記事数の分だけスライドが追加されるという事がしたいのですが、ページネーションが表示されないのが一点と、 もう一点として、タブ切り替えをすると、二個目のタブになるとうまくスライダーが機能しません。(一つ目のタブではしっかりとスライダーは動きます。) 今回初めてスライダーを実装

    • -1評価
    • 317PV
    Lhankor_Mhy Lhankor_Mhy 6ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    Slider Proのスライドが切り替わるまでの時間を調整する方法

    スライダープラグインの「Slider Pro」について質問させていただきます。 どうぞよろしくお願いいたします。 Slider ProというjQueryプラグインをつかってスライダーを設置したのですが、 次のスライドに切り替わるまでの時間を調整する方法がわからず困っています。 slideAnimationDurationというオプションでは、 スライ

    • 0評価
    • 368PV
    tetuyatakeda050 tetuyatakeda050 6ヶ月前に 回答
  • 解決済

    回答
    1

    slick.jsのカルーセルでループさせずに最後まで行ったら一番最初に戻る

    ゾゾタウンで使われているようなこの商品ページの動きなのですが http://zozo.jp/sp/shop/mrolive/goods/7972303/?did=21256171&rid=3093 はじめは右側にのみ矢印が現れて手動で最後までいったら右側のボタンがかわり、押したら最初にもどるという動きですが これはslick.jsで実装可能でしょうか?(最後

    • 0評価
    • 965PV
    curtainrail curtainrail 7ヶ月前に コメント
  • 解決済

    回答
    1

    iframeスライダーの可変について

    スライダーをiframeで読み込み、 そのiframeを可変させる方法を教えてほしいです。 スライダーはslickを使っています。 下記のように試したところ、 Androidではiframeの可変が出来ましたが、 iphoneだと崩れてしまいます。 ■試したこと <style> .movieWraper { position: relativ

    • 0評価
    • 607PV
    mmm_ mmm_ 8ヶ月前に コメント
  • 解決済

    回答
    1

    スライダーをポップアップで表示をさせたいです

    前提・実現したいこと ボタンを押したらlightboxのようにコンテンツがポップアップし、 更に画像がスライドできるようにしたいです。 スライダーの「Swiper」をモーダルウィンドウで表示させれば可能なのではと思い、 下記のサイト様を参考にしながらなんとか合体させたのですが、 狙い通り表示される時もあれば、何回か更新したり画面幅を変更したりすると 画像

    • 0評価
    • 1082PV
    sor sor 9ヶ月前に ベストアンサー
  • 受付中

    回答
    0

    FlexSliderでHTML5<video>をスライドと同時に再生させたい(jQuery/Java...

    スライダープラグインFlexSliderを使ってhtml5の<video>タグで出力されている3つの動画をスライドさせているのですが、そのままの状態ですとスライドした時に2番目・3番目の動画が途中から再生されてしまいます(3番目が終わって1番目に再び戻った時は1番目の動画も途中から再生されます)。 おそらくサイト表示させた段階で3つの動画とも同時に再生されて

    • -1評価
    • 251PV
    teratailが9ヶ月前に アップデート
  • 受付中

    回答
    1

    スライダーの時に画像の表示位置を常に真ん中にしたい

    前提・実現したいこと JQueryでプラグインを使わずに自作でスライダーを作っています。ウィンドウ幅を縮めても画像の表示位置を常に真ん中にする方法をご教授ください。 発生している問題・エラーメッセージ widthが1980pxの画像を3枚スライドさせているのですが、ウィンドウ幅が1980px以下になると画像の左が固定されてしまいます。 結果、画像の左端〜

    • 0評価
    • 200PV
    Lhankor_Mhy Lhankor_Mhy 9ヶ月前に 回答
  • 解決済

    回答
    1

    2つのスライダーを1つのコントロールナビで操作できるようにしたい

    スライダーを2つ設置して、それに対してcontrolNavを1つ設置して、 controlNavを操作すると2つのスライダー共に同じ動きをするスライダーを作りたいです。 試しに「flexslider2」を利用して、オプションのcontrolsContainerを同じものにしてみましたが一方のみ反応して正常に動きませんでした。 $(window).load

    • 0評価
    • 259PV
    gieumm gieumm 9ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    bxSliderのスマホフリックのスライドについて

    前提・実現したいこと 初めて質問させていただきます。至らない点がありましたらご指摘ください。 jQueryプラグインの「bxSlider」を使用してスマホのページにスライダーを設置しました。 1画面に表示されるのは4枚で、全部で15枚(今後可変する可能性有)の画像を表示させます。 そして、スマホのフリックで画像を遷移させる時、 スライドした分だけ滑ら

    • 0評価
    • 623PV
    sor sor 9ヶ月前に コメント
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    8

  • 総質問数

    52

  • 今週の質問数

    0

関連するタグ

スライダータグのよく見られている質問

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る