BeSmile(ビースマイル)ロゴ 大阪の就労継続支援A型BeSmile十三駅前

未分類

swiperにつまずいて

こんにちは。残暑厳しいなかエアコンの効いた事業所でコーディング(初心者です)まみれになっているWEB制作チームのYです。

先日、コーディングの最中に陥ってしまってとても難解だったので忘れないようにメモのような感じで書いておきたいと思います。

HPにアニメーションを付けようと思い「swiper」を使い画像のスライドショーを試みました、まあ一応できたのですが。。。スライドのループは異常なくできましたが、2周目のスライドに入る前に画像が一瞬途切れてしまってどうにも残念な感じになりました。
ググッてみたのですがなかなかヒットせずみんなほとんど同じような回答ばかりで、あれこれと先生たちの指導のもと試しては見ましたが。。。まったく解決の糸口すら見つからないありさま(泣き)。

そこで発想の転換をしWEB制作の関係だけではなくSNSにも助けを求めてみました。
すると驚くことにすぐにヒット!!
答えはJavaScriptにたった1行「loopAdditionalSlides: 1,」このたった1行を追加すればよかったのです。このたった1行のの為に1日掛かってしまいました(泣き)。

本当にまだまだ未熟ものです、努力、努力です。

BeSmile十三駅前は、大阪市淀川区にある就労継続支援A型事業所です。

ホームページ・イラスト・ゲーム・雑貨・音楽等を制作しています。是非、お問合せ下さい。


お問い合わせ