回答率

87.77%

tag:

PHP, JavaScript, Java, Python, etc.
is:

accepted, not-accepted, answered, not-answered
sort:

created-asc, created-desc, updated-asc, updated-desc, smart
author:

username, me

JavaScriptを有効にしてください

スライダー

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

新着
アクティブ
未回答
未解決
注目
解決済

解決済

回答

1
slickのスライドショーがブラウザバックすると動作しない

解決したいこと Railsでwebアプリケーションを作成しています。トップページにslickを使ってカルーセルを実装していますが、ブラウザバックした際にカルーセルが動作しません。・初回ページ読み込み時/リロード時は問題なく動作します。・ブラウザバック時、見た目はスライドショーの体裁を保っていますが、前後のボタンやautoplayが動作していません。・同じアプリケーションの別ページにもsl
- 0評価
- 0クリップ
- 76PV
Kahoo 2日前にコメント
受付中

回答

0
レスポンシブで複数画像をスクロールするカルーセルスライダーの設定方法

横幅が770px以上のとき横幅が769px以下のとき図のイメージのようなことが実現したいです。 SlickというJavaScriptライブラリを使い、同一ページ内で、スライダーがそれぞれ横幅が770px以上のときは画像3つを横並び 769px以下のときは2つ横並びを2段に、というイメージです。 <html> <head> <title></title> <link
- 0評価
- 0クリップ
- 79PV
teratailが 1週間前にアップデート
解決済

回答

1
Swiperで複数行のスライド作成

Swiperで添付画像のようなスライダーを作成したいです。スライドを2行にするとき、アクティブスライドは「1」の位置で大きく表示し、「2」「3」「4」番目の画像は「1」の真下に配置したいです。このようにスライドの大きさを変えることはできるのでしょうか。 ※ページネーションなどは付けずに、オートプレイでループさせます。
- JavaScript
- HTML
- CSS
- スライダー
- 0評価
- 0クリップ
- 116PV
captain-coco 1週間前に回答
解決済

回答

2
複数のPWM出力をESPを使ってWifiを通して操作するプログラムが正常に動作しません。

前提・実現したいことモーターをPWM出力でWifiを通して操作しようと思い、ある外国のサイトさんから、コードをコピペしたのですが、そのサイトでは一つのピンしかPWM出力ができなかったので、モーターを正転、逆転できるように改良しようとしたのですが、行き詰ってしまいました。発生している問題・エラーメッセージ・試したこと現在できている事は、スライダーを2つ表示できていることと、表示されたスライ
- Java
- HTML
- スライダー
- Arduino
- ESP32
- 0評価
- 0クリップ
- 154PV
PeachX 1週間前にコメント
受付中

回答

1
スライダーで使用しているbootstrap5のモーダルをjsで表示させたい

前提・実現したいことこちら（http://black-flag.net/jquery/20200520-6799.html）のスライダーを使用してbootstrap5のモーダルを表示させたいのですが、スマホだとタップしてもモーダルが開けないのでjsで表示させたいです。該当のソースコード if(ua.search(/iPhone/) != -1 || ua.search(/iPad/) !=
- 0評価
- 0クリップ
- 140PV
webgoto 1週間前に回答
受付中

回答

1
slickの画像スライダーで最後の画像の後に白紙が表示されてしまいます。

LPサイトを今作っていて、ファーストビューにslickの画像スライダーを使っています。画像はpc,スマホサイトそれぞれ2枚で、２枚がスライド表示していく仕組みになっています。ただ、現状PCサイトで２枚目の画像が表示されたあとに、次の画像にスライドすると、一枚目に戻らず白紙のファーストビューになってしまっていて困っています。白紙の状態でもマウスでドラッグしたりクリックしたりするとまた画像が表
- 0評価
- 0クリップ
- 78PV
Lhankor_Mhy 2週間前にコメント
解決済

回答

2
slickでスライダーを同一ページに２つ設置し、そのうちの１つだけを装飾したい。

slickを使ってスライダーを同じページに２つ設置したのですが、そのうちの１つだけ、スライダーの矢印の色や位置を変えたいのです。ですがHTMLでは同じ「slick.css」と「slick-theme.css」をhead内で読み込んでいるため、「slick-theme.css」をいじると２つとも変わってしまいます。どのファイルでどのように記述したら連動せず、個別に装飾できるようになるでし
- JavaScript
- jQuery
- CSS3
- HTML5
- スライダー
- 0評価
- 0クリップ
- 85PV
ponsan 2週間前にコメント
受付中

回答

0
Slickスライダーに停止ボタンを追加し、そのボタンをslick-dotsと同じ並びに（右横）に表示させたい。

前回の質問で解決方法を伝授いただき、スライダーそのものは正しく動いております。 Slickスライダーに停止ボタンを追加し、ボタンクリックでスライドを停止するところまではできました。ボタンの表示をdots（・）の一番右側に配置する方法がわかりません。お手数ですがよろしくお願いいたします。 <style> 　　.sliderArea{background-color: #fff;margi
- スライダー
- 0評価
- 0クリップ
- 61PV
teratailが 3週間前にアップデート
受付中

回答

0
ロード直後、スライダーで複数枚表示されない。1枚のみ。

前提・実現したいことここに質問の内容を詳しく書いてください。（例）PHP(CakePHP)で●●なシステムを作っています。 ■■な機能を実装中に以下のエラーメッセージが発生しました。発生している問題・エラーメッセージサイトロード直後、スライダーの表示が複数枚表示したいのに、一枚のみになる。画面幅を動かす　またはスマホでスクロールなどすると複数枚表示されます。画像枚数の認識がロー
- 0評価
- 0クリップ
- 77PV
teratailが 3週間前にアップデート
解決済

回答

1
slick.jsで複数の<li>を一画面に収めたい。

前提・実現したいこと実現したいこと slick.jsで複数のliを一画面に収めたい。前提1:wordpressのテーマを自作中で、slick.jsを使用しています。前提2:slick.jsでslidesToShow: 1,のスライダーは成功しています。前提3:slidesToShow: 2,だとうまくいきます。発生している問題・エラーメッセージエラーメッセージはありません。画
- 0評価
- 0クリップ
- 94PV
takeru.y 4週間前に回答
受付中

回答

0
ドラッグ可能なスライダーで画像クリックするとポップアップするギャラリーを実装したい

前提・実現したいこと画像をスライダーで横並びにして、画像クリックでポップアップするギャラリーを作っています。スライダーはドラッグで移動可能です。画像のポップアップまではできたのですが、以下のような状態になってしまいます。発生している問題・エラーメッセージドラッグしてマウスのボタンを離すとポップアップしてしまう。ドラッグもクリックと判断されてしまう。補足情報（FW/ツールのバー
- -1評価
- 0クリップ
- 118PV
kaparl 4週間前に質問を編集
受付中

回答

0
slick.jsがうまく表示できない。

前提・実現したいこと画像のスライドを設置するためにslick.jsを導入しましたが、うまく表示されません。現状slickスライダーで表示されているのは下記画像の"現在のデザイン"となります。 .carousel内のコンテンツが横並びにならず縦並びの表示となってしまっています。 prev,nextArrowの部分も表示されません。下記画像の"実現したいデザイン"のようなデザインにコー
- 0評価
- 0クリップ
- 101PV
teratailが 1ヶ月前にアップデート
解決済

回答

1
slickスライダーで、中央のスライド以外のリンクを無効、中央のスライドのみリンクを有効にしたい

前提・実現したいこと jQuey・slickのプラグインを使用してリンクを含むスライダーを作成しています。３枚表示し、左右の２枚をクリックまたはタップでスライドが切り替わるようにし、左右の画像はリンクを無効、中央の画像のみリンクを有効にしたいです。発生している問題・エラーメッセージ３枚全てリンクが有効になったまま、もしくは３枚全てのリンクが無効になってしまったり、意図せぬ場所のリンクが
- 0評価
- 0クリップ
- 95PV
nekobus 1ヶ月前にコメント
解決済

回答

2
スライドショーのcenterの画像を２枚にした場合、両サイドの画像を半透明にしたい。

slickを使用して、スライドショーを作成しています。センターの画像以外の両サイド画像を半透明にしました。しかし、２枚を中央に表示させる必要が出てきたため slidesToShow:2　を追加して中央に2枚表示できたのですが、２枚のうちの１枚のみが不透明、右側の画像が半透明になりました。中央の２枚を不透明（オリジナル画像）にできますでしょうか？よろしくお願いいたします。 HTML
- jQuery
- スライダー
- 0評価
- 0クリップ
- 180PV
reiko_y 1ヶ月前にベストアンサー
解決済

回答

2
どこ製のスライダーか調べる方法はありますか？

前提・実現したいこと初めて質問します、よろしくお願いいたします！初心者なんですがブログを作っていてスライダーを入れたいと思ってます。いろんなサイトのスライダーを見てて、こんな感じのスライダーを入れたいと思っているのですが、このスライダーが何の（どこ製の？）スライダーかわかる方法とかってあるのでしょうか。基礎的なことなのかもしれません。。。よろしくお願いいたします。
- スライダー
- 0評価
- 0クリップ
- 171PV
K_3578 2ヶ月前にコメント
受付中

回答

0
HTML+CSS で作ったスライダーの選択中ボタンの素材差し替え

HTMLとSASSでスライダーを作成しています。 Aタグでスクロールするように作成したのですが、スライダーの切替ボタンの選択中とそうでないときの素材の切替をHTML+CSSのみでやろうとしたとき、inputタグとlabelを使用したほうがすっきり編集できるように思いました。しかし、コード帰る途中でうまくいかなくなってしまったので、想定した挙動になるようなコードの記述方法をご教授いただきた
- HTML
- CSS
- スライダー
- -1評価
- 0クリップ
- 104PV
teratailが 2ヶ月前にアップデート
解決済

回答

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

前提・実現したいこと WPの個別ページで使用するサムネイル付きスライダーを作成したいのですが、イメージとしては下記のURLのように、サムネイルは固定にして、メイン画像だけスライダーにしたいです。（ちなみにスライドする際の矢印もメイン画像に） http://daikin-car.co.jp/serch/%E3%83%8F%E3%82%B9%E3%83%A9%E3%83%BC%EF%BC%9
- WordPress
- スライダー
- 0評価
- 0クリップ
- 1673PV
Uki 3ヶ月前にコメント
解決済

回答

2
ブラウザの進む・戻るボタンでjavascriptが発火しない。

発生している問題・エラーメッセージ rails6で<a>によるページ遷移ではjavascriptが発火するですが、ブラウザの進む・戻るボタンによるページ遷移ではjavascriptが発火しません。該当のソースコード $(document).on('turbolinks:load', function() { $('.slider').not('.slick-initialized').sli
- 0評価
- 0クリップ
- 273PV
FKM 3ヶ月前にベストアンサー
受付中

回答

1
opencvのヒストグラム平坦化をスライダーで操作し，変化がみられるように実装したい

前提・実現したいこと Pyhton，opencvを用いて画像処理をしています．画像のヒストグラム平坦化の処理をスライダーを用いて行いたいのですが，claheのtileGridSizeの値を指定するところをどのように書けばスライダーに当てはめることができるでしょうか．よろしくお願いします．発生している問題・エラーメッセージ ---------------------------------
- 0評価
- 0クリップ
- 270PV
yuki23 3ヶ月前に回答
解決済

回答

2
エックスサーバーにアップロードしたら、スライダーが崩れました。

vscodeで作成したWebサイトを、エックスサーバーにアップロードしたら、jqueryのslickのスライダーが表示されません。ローカルだと問題なく表示されるので、原因がわかりません。拡張機能のSFTPで、ftp設定でのアップロードを終えたばかりです。自分でスライダーを作ったのが初めてなので、色々わからないことがあるのですが、ローカルだと問題なく表示されるので何が悪いのかよくわかりませ
- 0評価
- 0クリップ
- 287PV
iceforest 3ヶ月前にベストアンサー

1
2
3
...

次のページ

タグ情報

あなたの順位

-位
タグ登録者数

15人
総質問数

227件
今週の質問数

1件

タグ別ランキング

1

kei344

score 297

JavaScript

HTML

WordPress
2

Lhankor_Mhy

score 115

JavaScript

CSS

HTML
3

hatena19

score 39

CSS

HTML

VBA
4

new1ro

score 24

CSS

HTML

HTML5
5

kyoya0819

score 24

HTML

JavaScript

CSS
6

KazuhiroHatano

score 18

WordPress

PHP

HTML
7

yxt003

score 18

JavaScript

jQuery

HTML5
8

runnynose

score 18

JavaScript

CSS

HTML
9

m.ts10806

score 17

PHP

JavaScript

HTML
10

orange0190

score 16

JavaScript

PHP

jQuery

ランキングをもっと見る

タグ別ランキング

1

webgoto

score 9

JavaScript

WordPress

PHP
2

agumon

score 7

CSS

HTML

JavaScript
3

thkana

score 7

C

Arduino

C++
4

runnynose

score 7

JavaScript

CSS

HTML
5

Lhankor_Mhy

score 2

JavaScript

CSS

HTML
6

jun26

score 2

CSS

HTML

HTML5
7

Kahoo

score 1

Ruby

Capybara

テスト駆動開発
8

PeachX

score 1

HTML

ESP32

Arduino
9

ponsan

score 1

HTML5

CSS3

JavaScript

ランキングをもっと見る

タグ別ランキング

1

webgoto

score 7

JavaScript

WordPress

PHP
2

Kahoo

score 1

Ruby

Capybara

テスト駆動開発

ランキングをもっと見る

関連するタグ

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

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