今日も前回に引き続き、
cssだけでアニメーションするシリーズ第二段！
写真が円形で表示される
イメージスライドショーです。
美味しそうです♡
作品や商品を沢山ブログで
紹介したい方に使えると思います。
これもアメブロの禁止タグを使用せずに
CSSのみで実装していますので、
スマホでもアプリでも表示されます。
※一応表示確認済みですが
テスト中ですので、
表示されない方は教えていただけると助かります┏○))
普通のサイトですとスライダーやスライドショーは
jqueryで一瞬で実装できるのですが
アメブロの
PC版
スマホ版
アプリ版と
この３つで動かすのはやはりこれまた処理書くのは結構面倒でしたが、
前回のニューススライダー同様、
記事内の画像をスライドショーさせるので
これも更新は簡単！
普通の四角い画像も自動で円形になります〇
PCだとマウスオーバーで
アニメーションが一時停止して
四角い画像が表示されます。
スマホではスクロール時に
指がどうしても触れるので
一時停止しない処理にしています(ˊᵕˋ)
お知らせ♪
いろんなお知らせを
スライドショーさせたり
リンクさせることも
できますよ♪
上記のようにスライドショーの上にテキストを乗せると
ちょっとしたお知らせにも使えるかもしれません。
この写真スライドショーは
動作テストして問題なければ、
皆さんに配ろうと思っています
（写真は皆さんのほうで準備してください。）
アメンバー記事で使用方法公開しますので、
（繰り返しますが使用方法はめちゃめちゃカンタンです）
よければアメンバー申請を
アメンバーさんが数人集まったら記事にさせていただきます
只今ヘッダー画像制作キャンペーン中
制作させていただいた方にもれなくスマホ版ヘッダー画像もプレゼント！
残1名様♪
①スマホ版ヘッダー画像と設置
②サムネつき人気記事一覧設置（フルカスタマイズの方のみ）
制作設置プレゼントキャンペーン中！
ヘッダー画像制作ご依頼の詳細はコチラ↓
ご質問等ございましたらお気軽にご連絡ください