Swiper のスライダーをカスタマイズしました

ペットサロンのウェブサイトでお使いいただくことを想定して、パソコン(画面幅が大きい端末)で縦方向に動くスライダーを作りました。

Lightning にバンドルされている Swiper を利用しています。

スライダーは2つあり、1つ目のスライダーは下から上に向かって動きます。2つめのスライダーが逆方向の上から下に向かう動きをします。

画面幅が狭いときには横方向のスライダーに切り替わります。その場合も2つめのスライダーは逆方向(左から右)の動作をします。

トイプードル
柴犬
ゴールデンレトリバー
ボーダーコリー
シェパード
チワワ
シェルティー
ポメラニアン
ボストンテリア
マルチーズ

あなたのペットを最高の輝きに

当店は、愛情と専門知識を持ったスタッフが、ペットの美しさと健康を重視し、心を込めてケアします。

お客様とペットの幸せを第一に考え、安心してお任せいただけるサロンです。

当店では、ペットのトリミングだけでなく、健康チェックやアドバイスも行います。飼い主とペットが共に笑顔になれる場所として、日々努力しています。

Follow me!