スライダー

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

RSS

  • 受付中

    回答
    2

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

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

    • 0評価
    • 48PV
    8yazaki 8yazaki 1日前に コメント
  • 解決済

    回答
    1

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

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

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

    回答
    2

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

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

    • 0評価
    • 316PV
    NaokiYoshioka NaokiYoshioka 1週間前に 回答
  • 受付中

    回答
    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評価
    • 95PV
    kei344 kei344 1週間前に コメント
  • 受付中

    回答
    1

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

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

    • 0評価
    • 82PV
    mimoshi_work mimoshi_work 3週間前に 回答を編集
  • 解決済

    回答
    2

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

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

    • 0評価
    • 67PV
    niimme niimme 3週間前に コメント
  • 受付中

    回答
    1

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

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

    • 0評価
    • 33PV
    onodo onodo 4週間前に 回答
  • 解決済

    回答
    1

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

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

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

    回答
    2

    WPスライダーの背景変更

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

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

    回答
    1

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

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

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

    回答
    1

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

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

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

    回答
    0

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

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

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

    回答
    1

    【wordpress(ワードプレス)】スライダー機能実装したいが、良いプラグインが見つからない

    初めまして。初投稿です。 よろしくお願いします。 掲題通り、 WordPressでのスライダー実装機能方法に関して、非常に困っております。 どなたかご教授頂ければ幸いでございます。 美容室アンククロス(http://www.ankhcross.com/)のTOP画面に表示しているスライダー機能と同じものを wordpressで実現したいの

    • -2評価
    • 479PV
    channaka2016 channaka2016 6ヶ月前に ベストアンサー
  • 解決済

    回答
    1

    nivo slider 特定のエフェクトが効かない

    nivo slider v3.2を利用していますが、 表示されないエフェクト(boxRandom,boxRain,boxRainReverseなどのbox系)があります。 foldやfadeは使えます。 jqueryのバージョンが問題かと思い、違うものでも試してみましたが無理でした。 http://ajax.googleapis.com/ajax

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

    回答
    1

    jQueryを使ったスライドショーにて最後の画像で止めるスクリプトにリンクを付ける

    前提・実現したいこと ①スライダーの設置 ②スライダーの画像ごとにリンクをつけたい ③最後のスライダー画像で止めたい(ループせず一周だけにしたい) 発生している問題・エラーメッセージ ①と③は設置できたものの、画像へのリンク設定がうまくきません。 1枚ごとに違うリンクを貼っていますが、 1枚目のリンクをずっと引き継いでしまい、2枚目以降のリ

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

    回答
    1

    スライドを作りたい、関数の使い方を整理したい

    前提・実現したいこと ・プログラミングを始めたばかりの初心者です。 ・javascript以外の言語はわかりません。(HTML, CSSは勉強済み) ・3枚のtrainの写真を使ったスライダーを作りたい(train1,train2,train3) ・beforeボタンを押すと一つ前の写真に移動(train3 -> train2 -> train1

    • 0評価
    • 472PV
    HarunaMONMON HarunaMONMON 1年以上前に コメント
  • 解決済

    回答
    1

    jQueryプラグインSlickの複数設置すると矢印が表示されなくなる

    Slickを使い1つのページにサムネイル付きのスライダーを4つ設置しています。 それぞれに別のクラスをつけて <script> $(function() { $('.thumb-item').slick({ infinite: true, autoplay:true,

    • 0評価
    • 2370PV
    TomohiroSagawa TomohiroSagawa 1年以上前に コメント
  • 受付中

    回答
    1

    bxslider で1スライド毎にURLを付与させたい

    前提・実現したいこと bxslider で実装したスライド1枚ずつに http://domain.com/aaa.html#page1 というようなURLを付与させたい 海外サイトなども見たのですが初心者なのもあって行き詰まってます。 <ul id="slider"> <li id="1">スライド1</li> <li id="2

    • 0評価
    • 657PV
    kei344 kei344 1年以上前に 回答
  • 解決済

    回答
    3

    jQueryプラグインSlickのautoplayが止まらない

    発生している問題 jQueryのスライダープラグインSlickを利用して自動再生するスライダーを実装しています。 自動再生しつつ、最後のスライドで停止したいと思っているのですが、 自動再生をオンにした際(autoplay:ture)無限ループ(infinite:flase)が効いていません。 afterChangeなどを使った方法で、解決できない

    • 0評価
    • 4521PV
    KiKiKi_KiKi KiKiKi_KiKi 1年以上前に 回答
  • 受付中

    回答
    0

    fotorama メイン画像の枚数について

    フォトギャラリー用のjQuery『fotorama』のサムネイルサイズの指定について教えてください。 fotoramaのメイン画像を3枚(左右が見切れて、メインがしっかり出る)様な表示をさせたいのですが、どのようなプロパティを設定すればいいかご教示頂ければと思います。 参考までに http://www.idangero.us/swiper/d

    • 0評価
    • 481PV
    teratailが1年以上前に アップデート
1

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    5

  • 総質問数

    32

  • 今週の質問数

    3

関連するタグ

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