スライダー

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

RSS

  • 解決済

    回答
    1

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

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

    • 0評価
    • 52PV
    curtainrail curtainrail 3日前に コメント
  • 解決済

    回答
    1

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

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

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

    回答
    1

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

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

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

    回答
    0

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

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

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

    回答
    1

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

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

    • 0評価
    • 86PV
    Lhankor_Mhy Lhankor_Mhy 2ヶ月前に 回答
  • 受付中

    回答
    1

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

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

    • 0評価
    • 331PV
    egg_plant egg_plant 2ヶ月前に コメント
  • 解決済

    回答
    1

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

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

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

    回答
    1

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

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

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

    回答
    2

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

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

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

    回答
    1

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

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

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

    回答
    2

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

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

    • 0評価
    • 368PV
    NaokiYoshioka NaokiYoshioka 3ヶ月前に 回答
  • 受付中

    回答
    1

    slick.jsで作ったスライダーが最初だけ表示されない。

    <div class="items cl"> <div class="items_children"><img src="hogehoge.png"></div> <div class="items_children"><img src="hogehoge.png"></div> <div class="items_children"><img

    • 0評価
    • 286PV
    kei344 kei344 3ヶ月前に コメント
  • 受付中

    回答
    1

    iphoneでslickが正常に動作していない原因がわかりません。。

    前提・実現したいこと ここに質問したいことを詳細に書いてください slickというスライダーの表示エラーについて質問です。 発生している問題・エラーメッセージ 以下に設置しているslickなのですが、 https://www.rakuten.ne.jp/gold/leffe/claude_n_imgslick.html これをさらに、商品ページに

    • 0評価
    • 183PV
    miyoshi_work miyoshi_work 3ヶ月前に 回答を編集
  • 解決済

    回答
    2

    slick.jsのスライダーを同一ページ内に複数設置した際に切り分けたい

    slick.js Slick js 上下の連動表示のスライダーを同一ページ内に複数設置したいのですが、複数設置した場合動きが連動してしまいます。 各々で動かしたい場合のコードの書き方をご享受ください。 〈HTML〉 <section> <div class="slider slider-for"> <div><a href="#"><

    • 0評価
    • 211PV
    niimme niimme 3ヶ月前に コメント
  • 受付中

    回答
    1

    bxsliderでスマホ表示したときに、表示枚数を1枚にして画像サイズも幅ぴったり(100%)にした...

    ■やりたいこと。 bxsliderでPCの時は3枚表示させる幅は1020pxでセンタリング、1020pxの中に3枚表示させ、スマホでの表示の際は1枚表示にして、 その1枚をスマホの幅に合わせる。 ■できていることと ・PCでの表示は問題なくできている。 ■できていないこと。 ・スマホで表示させたときに、1枚表示にならない。(少し右側に次の画像が見

    • 0評価
    • 177PV
    onodo onodo 3ヶ月前に 回答
  • 解決済

    回答
    1

    [jQuery]slickの画像にリンクをさせると前後に空のスライダーが追加されてしまう

    jQueryのslickを使っているのですが、スライドさせる画像にリンクをつけると 用意していた4枚の画像の先頭と後尾に余計な空のスライドが追加されてしまい、 下部のドットも6個になってしまいます。 余計なスライドを消すにはどうしたらいいでしょうか? ダウンロードしたcssとjsファイルは一切改変していません。 該当のソースコード <div cl

    • 0評価
    • 264PV
    tantan555 tantan555 4ヶ月前に ベストアンサー
  • 解決済

    回答
    2

    WPスライダーの背景変更

    WordPressのテンプレートでaccesspress-rootを使用しております。 URL: http://accesspressthemes.com/theme-demos/?theme=accesspress-root 挿入するTOPのスライダー画像が小さいため(600×300) 背景の色または画像を入れてその上に重ねるようにスライダー画像

    • 0評価
    • 199PV
    hamii hamii 6ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    タブと切り替えとスライダーの併用を可能にしたい

    現在WordPressによる投稿を、タブ内に出力しスライダーで表示しています。 しかし、タブの切替を行うと、切り替え後のタブ内のレイアウトが崩れて表示されてしまいます。 どのように崩れるかといいますと、スライダーなので、横並びになるはずのボックスが、縦並びの状態で表示されます。 一度表示して崩れている状態で、もう一度同じタブをクリックすると、表

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

    回答
    1

    ワードプレスのcustome field templateで複数枚画像をsingle.phpに表示さ...

    前提・実現したいこと ワードプレスでポートフォリオサイトを制作しています。 カスタムフィールドテンプレートで複数枚画像を登録して、それを個別の投稿のページsingle.phpで、スライドショーで見せたいと考えています。 ですがsingle.phpにどう書けばいいのかわかりません… どなたかご教授いただけませんでしょうか。 下記のhtmlに画像を

    • -1評価
    • 320PV
    -yuichi- -yuichi- 8ヶ月前に コメント
  • 受付中

    回答
    0

    【WordPress】プラグイン Smart Slider3でサムネイルを無限ループにしたい

    前提・実現したいこと WordPressのスライドショー用プラグイン「Smart Slider3」でサムネイルを下部に設置したスライドショーを埋め込み動作しているのですが、サムネイル部分も無限ループにしたいのですが、設定できるような箇所がみつかりません。 サムネイルは常にスライドの下の中央でループで動かしたいのですが、 こちらのプラグインでは実現で

    • 0評価
    • 270PV
    teratailが8ヶ月前に アップデート
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    5

  • 総質問数

    40

  • 今週の質問数

    1

関連するタグ

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

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