Skip to main content

[swiper] タグが付いた質問

タグの使い方はまだ書かれていません。

絞り込み
並べ替え
タグ付けされた
0
1 回答
2,192 閲覧数

swiper が動作しません

LPを制作しています。 swiperを利用してスライドショーを設置しようと思っています。 ネットで調べて試してみましたが、動作しません。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-...
top1rk's user avatar
  • 3
0
1 回答
142 閲覧数

サンプルコードを組み合わせたところ、リンク(内部、外部)できない

ハンバーガーメニューとスライダーのサンプルコードを組み合わせたところ、ハンバーガーメニューについては問題なく開き、外部へのリンクもできますが、外部への画像リンクや、フッターからトップページへの内部リンクができません。 menu css から以下の部分を削除し、フッターにカーソルを当てると人差し指マークには変わりますが、リンクはしませんでした。 .container { position: ...
よっこらしょ's user avatar
0
1 回答
3,801 閲覧数

要素幅がそれぞれ異なるスライダーを作りたい

現在、Webサイトにスライダーを実装しようしているのですが、一つ目の要素が他の要素の約2倍になるようなものを作りたいです。(以下画像のようなイメージです) 有名なjsプラグイン(swiperやslickなど)でできないかやってみましたが、どうにもうまくいきませんでした。動きは下記サイトのような感じで、スムーズにしたいです。 https://liginc.co.jp/ ...
BЯuno's user avatar
  • 3
0
1 回答
3,640 閲覧数

swiperで、1つのスライダーに対して複数個のpaginationを生成したい

web上でスライダーを作る「swiper」についての質問です。 実装のゴールとしては、1つのページに複数のswiperを配置するのではなく、 1つのページに1つのswiperを作り、その中に2つのpaginationを生成すること、です。 単純に pagination: {     el: '.swiper-pagination', }, pagination: {     el: '....
Yamasaki's user avatar
0
2 回答
5,847 閲覧数

動的に追加した要素にswiper.jsが効かない

jQueryで動的に追加した要素に対してswiper.jsでスライドを実装したいのですが、機能しません。 動的に追加した要素に対しての処理であることが原因と考え、以下のようにswiperのオプションのobserverをtrueとしましたが、それによってTypeErrorとなります。 ご教授お願いいたします。 HTML記述 <div class="detail"> <ul ...
ta.s's user avatar
  • 11
2
1 回答
1,528 閲覧数

swiper矢印をhoverしたら現れるようにしたい

画像スクローラにswiperを使っています。gemでswiper-railsというのがありそれでrailsに導入しました。 動作するようになったのですが、デフォルトだと画像にhoverしたら矢印が現れるようにできません。デフォルトでは消しといてhoverしたら矢印が現れるようにできる方法をご存知の方いらっしゃいますでしょうか? .swiper-container .swiper-...
xjr399's user avatar
  • 340
-1
1 回答
5,238 閲覧数

この動作をSwiperで実現したい

解決方法が不明なので質問いたしました。下記のリンクのスライダライブラリを使用して 実現したいスライドがあります。 http://www.idangero.us/swiper/#.VpMcPRWLRsc その実現したいスライドは下記のサイトにあるようなものです。 ・メイン画像はスライド、クリックで変更できる ・その下に配置されたサムネイルからその画像を表示できる http://black-flag....
odaoka434's user avatar