[swiper] タグが付いた質問
7 件の質問
0
票
1
回答
2,192
閲覧数
swiper が動作しません
LPを制作しています。
swiperを利用してスライドショーを設置しようと思っています。
ネットで調べて試してみましたが、動作しません。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-...
0
票
1
回答
142
閲覧数
サンプルコードを組み合わせたところ、リンク(内部、外部)できない
ハンバーガーメニューとスライダーのサンプルコードを組み合わせたところ、ハンバーガーメニューについては問題なく開き、外部へのリンクもできますが、外部への画像リンクや、フッターからトップページへの内部リンクができません。
menu css から以下の部分を削除し、フッターにカーソルを当てると人差し指マークには変わりますが、リンクはしませんでした。
.container {
position: ...
0
票
1
回答
3,801
閲覧数
要素幅がそれぞれ異なるスライダーを作りたい
現在、Webサイトにスライダーを実装しようしているのですが、一つ目の要素が他の要素の約2倍になるようなものを作りたいです。(以下画像のようなイメージです)
有名なjsプラグイン(swiperやslickなど)でできないかやってみましたが、どうにもうまくいきませんでした。動きは下記サイトのような感じで、スムーズにしたいです。
https://liginc.co.jp/
...
0
票
1
回答
3,640
閲覧数
swiperで、1つのスライダーに対して複数個のpaginationを生成したい
web上でスライダーを作る「swiper」についての質問です。
実装のゴールとしては、1つのページに複数のswiperを配置するのではなく、
1つのページに1つのswiperを作り、その中に2つのpaginationを生成すること、です。
単純に
pagination: {
el: '.swiper-pagination',
},
pagination: {
el: '....
0
票
2
回答
5,847
閲覧数
動的に追加した要素にswiper.jsが効かない
jQueryで動的に追加した要素に対してswiper.jsでスライドを実装したいのですが、機能しません。
動的に追加した要素に対しての処理であることが原因と考え、以下のようにswiperのオプションのobserverをtrueとしましたが、それによってTypeErrorとなります。
ご教授お願いいたします。
HTML記述
<div class="detail">
<ul ...
2
票
1
回答
1,528
閲覧数
swiper矢印をhoverしたら現れるようにしたい
画像スクローラにswiperを使っています。gemでswiper-railsというのがありそれでrailsに導入しました。
動作するようになったのですが、デフォルトだと画像にhoverしたら矢印が現れるようにできません。デフォルトでは消しといてhoverしたら矢印が現れるようにできる方法をご存知の方いらっしゃいますでしょうか?
.swiper-container
.swiper-...
-1
票
1
回答
5,238
閲覧数
この動作をSwiperで実現したい
解決方法が不明なので質問いたしました。下記のリンクのスライダライブラリを使用して
実現したいスライドがあります。
http://www.idangero.us/swiper/#.VpMcPRWLRsc
その実現したいスライドは下記のサイトにあるようなものです。
・メイン画像はスライド、クリックで変更できる
・その下に配置されたサムネイルからその画像を表示できる
http://black-flag....