「Swiper.js」を使ってスライド実装

2020年05月15日(金)

Category: IT関係, こだわり, メガネのお話, 磨く, 目のお話

5月に入ってからはずっとパソコンとにらめっこ。
お店のホームページも7割くらいはスマホで見ているので、スマホでの操作に適したスライダーを試していました。
写真をスワイプさせることが出来ます。
前のは、下のサムネイルを押して表示させる方法でした。

実装したのは、こちらのページです。

https://www.hotta-megane.co.jp/megane/5744

試しに、こちらのブログの方にも作ってみました。
もしかしたら、ブログでもこちらの方がスマートなのではないかと思ったり。SEO的にはどうなんでしょうか。

SOLID BLUE ソリッドブルー S-236
SOLID BLUE ソリッドブルー S-236
SOLID BLUE ソリッドブルー S-236
SOLID BLUE ソリッドブルー S-236

実は、スマホでの縦表示にすると、下に大きな余白が出来てしまい、力技で体裁を整えています。

今後、bootstrap3から4にバージョンアップするためにまた触らなくてはいけないので、まずはこれで行きます。