スライダー

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

RSS
  • 受付中

    回答
    1

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

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

    • 0評価
    • 187PV
    kei344 kei344 1週間前に 回答
  • 解決済

    回答
    1

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

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

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

    回答
    3

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

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

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

    回答
    1

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

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

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

    回答
    1

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

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

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

    回答
    1

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

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

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

    回答
    1

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

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

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

    回答
    1

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

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

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

    回答
    3

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

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

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

    回答
    1

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

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

    • 0評価
    • 244PV
    tetuyatakeda050 tetuyatakeda050 5ヶ月前に 回答
  • 解決済

    回答
    1

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

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

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

    回答
    1

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

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

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

    回答
    1

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

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

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

    回答
    0

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

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

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

    回答
    1

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

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

    • 0評価
    • 169PV
    Lhankor_Mhy Lhankor_Mhy 7ヶ月前に 回答
  • 解決済

    回答
    1

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

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

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

    回答
    1

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

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

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

    回答
    2

    スライダーをひとつのページで複数使う方法が知りたい。

    お世話になります。 swiper.jsというjavascriptのスライダーを1ページで3つ設置したいため、 下記コードのように記述したところ、スライダー1のみ正常に機能し、2と3は動きません。 クラス".swiper-container"を対象として機能するようですが、2と3も動作させる方法はありますでしょうか? ・ ・ ・ <link href=

    • 0評価
    • 1918PV
    8yazaki 8yazaki 8ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    【jQuery】スライダーに画像を重ねたい

    jQuery「multirollslider」 (http://www.jqueryscript.net/slider/jQuery-Plugin-For-Simple-Image-Scroller-slider-js.html) を使用し縦スクロールをしているスライダーの上に別の画像を被せて表示したいのですが、 どうしてもスライダー内の画像がずれてしまいま

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

    回答
    2

    【css3スライダー】animationでopacityを操作するタイプのスライダーにリンクを付けた...

    お世話になっております。 某モールのスマホ用商品ページにスライダーを挿入したく、iframeにてswiper.jsやslick.js等を使用しましたが読み込みでエラーが起き当方では対処できなかったのでcssのみのスライダーを採用しました。 が、メインのイメージにリンクをつけると、イメージはスライドするのですがリンク自体は変わってくれません。 どうにか解決でき

    • 0評価
    • 454PV
    NaokiYoshioka NaokiYoshioka 8ヶ月前に 回答
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    7

  • 総質問数

    49

  • 今週の質問数

    0

関連するタグ

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

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