スライダー

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

RSS

  • 受付中

    回答
    1

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

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

    • 0評価
    • 252PV
    HarunaMONMON HarunaMONMON 3ヶ月前
  • 解決済

    回答
    1

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

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

    • 0評価
    • 542PV
    TomohiroSagawa TomohiroSagawa 4ヶ月前
  • 受付中

    回答
    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評価
    • 258PV
    oriori oriori 6ヶ月前
  • 解決済

    回答
    3

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

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

    • 0評価
    • 1954PV
    KazuakiHarigaya KazuakiHarigaya 10ヶ月前
  • 受付中

    回答
    1

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

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

    • -2評価
    • 306PV
    channaka2016 channaka2016 10ヶ月前
  • 受付中

    回答
    0

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

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

    • 0評価
    • 209PV
    knd knd 10ヶ月前
  • 受付中

    回答
    0

    jqスライドショーの画像サイズについて

    http://black-flag.net/jquery/20130709-4710.html 上記サイトにて勉強のためにスライドショーのサンプルをダウンロードし、動かしてみました。 その際自分の携帯やデジカメで撮影した写真を表示させようと思い、画像を取り込み表示させることは出来たのですが、スライドショーの枠より大きい画像は、画像の周りが見切れて表示され

    • 0評価
    • 309PV
    non99 non99 11ヶ月前
  • 解決済

    回答
    1

    bxSliderを使ってティッカースライドをオンマウスで一時停止できない

    いつもお世話になっております。 現在bxSliderを利用して、ティッカースライドを実装しようとしているのですが、 オンマウスで一時停止するオプションを設定しているのですが、停止してくれません。 また、「次」「前」のコントローラーを表示するオプションも設定しているのですが、表示されません。 そもそも、ティッカースライドの時には無効なオプションなのかとも思っ

    • 0評価
    • 1005PV
    motokitominaga motokitominaga 1年以上前
  • 受付中

    回答
    0

    プラグイン slider pro 使っているのですが、スライドが消えてる部分が丸見えなので直したいの...

    下記にはりつけたデモでも消えてる部分が見えているのですが、 僕のは、スライド4枚で、より消えてるとこが見えているのですが、 slider proのオプションでなんとかならないのでしょうか? 参考

    • 0評価
    • 615PV
    NobumitsuHata NobumitsuHata 1年以上前
  • 受付中

    回答
    0

    translate3d transition 終了時onメソッドについて

    // 左にあるサムネイル4も左にスライドさせる $('#slider_thumbnail_4').css({ 'transform': 'translate3d(-204%, 0, 0)', 'transition-duration': '0.5s' }).on('transitionend', function() {// transiti

    • 0評価
    • 276PV
    NobumitsuHata NobumitsuHata 1年以上前
  • 受付中

    回答
    0

    slider proのcssがただのheight: autoではなさそうなので質問

    両サイドも何割か見えているslider pro のスライドなんですが、 まずwindowを小さくしてくと、両サイドの見えてる画像の幅が少なくなり、 真ん中の画像のwidth,heightは変わらず、 ある程度行くと、両サイドに見えてる画像の幅が固定され真ん中の画像も含めて、 同じ比率で幅も高さも小さくなります。 単なるheight: autoではないと思った

    • -1評価
    • 500PV
    NobumitsuHata NobumitsuHata 1年以上前
  • 受付中

    回答
    2

    jqueryのtrigger()について

    下記のソースは、スライダー要素の大きさをブラウザの幅、高さに連動させるものです。 ソースから、メソッドチェーンしているtrigger('resize')をはずすと、ページ読み込み時に本来一番目に表示されるスライダーが表示されなくなります。 ただ、これ自体は、最初にページを読み込んだときにresizeは実行されないので、trigger()で実行させていると

    • 0評価
    • 460PV
    aaaaaaaa aaaaaaaa 1年以上前
  • 受付中

    回答
    1

    jqueryのtrigger()について

    下記のソースは、スライダー要素の大きさをブラウザの幅、高さに連動させるものです。 下記のソースから、メソッドチェーンしているtrigger('resize')をはずすと、ページ読み込み時に本来一番目に表示されるスライダーが表示されなくなります。 "なぜ、triggerを外すと上手く表示されなくなるのでしょうか。" $(window).on('resize'

    • 0評価
    • 264PV
    aaaaaaaa aaaaaaaa 1年以上前
  • 受付中

    回答
    0

    jqueryのbxスライダーについて

    下記のサイトのファーストビューで使われているbxスライダーについて質問なのですが、 スライダーの遷移時にウィンドウのサイズを変更すると遷移が止まってしまい内容が出てこなくなります。 更新するか、更新させるソースを書けば解決するのですが、更新しない方法で この現象を解決させる方法はあるのでしょうか。存在する場合は、ソースを提示してくださるとさいわいです。

    • 0評価
    • 287PV
    aaaaaaaa aaaaaaaa 1年以上前
  • 解決済

    回答
    3

    skipprの自動再生

    skipprというスライドショーを導入しようと思っているのですが、 autoPlayの部分をtrueにしても自動再生がされません。 //Skipperの初期化 $("document").ready(function() { $("#theTarget").skippr(); }); // オプションを指定してSkipperの実行 $("#th

    • 0評価
    • 1136PV
    141kanae 141kanae 1年以上前
  • 解決済

    回答
    1

    ページ内に複数設置されたスライドショーを同時に動かしたい

    bxsliderというjqueryのスライドショーなんですが、これをページ内に複数設置しています。 どちらか一方のnextボタン、pervボタンを押すと、 二つのスライドショーを同時にスライドもしくはフェードさせるように動かしたいです。 方法はないでしょうか? また、「このテキストは固定」と書いてあるものは、動かさず固定表示にしたいと思っていますが、

    • 0評価
    • 3410PV
    southern_flavor southern_flavor 1年以上前
  • 解決済

    回答
    1

    jqueryスライドショー、開始スライド位置の変更について

    http://www.skuare.net/test/js/jquery.slider.min.js" こちらのdiv slider2というjqueryのスライドショースクリプトなんですが、 オプションで移動方向をrightに設定したら 開始スライドが真ん中からになってしまいます。 rightに設定した場合、これを一番右から開始となるように、なんとか解消した

    • 0評価
    • 1004PV
    southern_flavor southern_flavor 1年以上前
  • 受付中

    回答
    1

    フォトギャラリー用のj Query『fotorama』のサムネイルサイズの指定(ウィンドウ幅に対する...

    フォトギャラリー用のjQuery『fotorama』のサムネイルサイズの指定について教えてください。 スマホサイトを作成しています。 1枚のメイン画像を上部に配置し、 直下に4枚のサブ画像(サムネイル)を配置したいです。 サブ画像は、fotoramaのデフォルトであるスクエア(正方形)ではなく、 任意のタテヨコ比(幅3:高さ4)で表示したいです。

    • 0評価
    • 837PV
    YoshikazuSakata YoshikazuSakata 1年以上前

タグ情報

  • あなたの順位

    -

  • タグ登録者数

    4

  • 総質問数

    18

  • 今週の質問数

    0

関連するタグ

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