Google+より投稿

03.02.2014 05:11

=======================================


おお、これは使いどころが多そうですね。Webサイトでは最初画像は小さく、クリックすると大きく表示するといった処理が良く行われます。この時のライブラリとして有名なのはColorboxでしょう。しかし他にも様々なライブラリが存在します。今回はZoomerang.jsというライブラリを紹介します。特徴としては画像だけでなくテキストにも使えること、さらにスクロールしても追従してくれる点になります。最初の表示。画像とテキストが並んでいます。段々になっているところはクリッカブルです。クリックするとサムネイルから拡大して表示されます。周囲は暗くなります。テキストにも使えます。幅を変更したり、スクロールしても画像はウィンドウ中央に収まるようになっています。もっとも簡単な使い方はIDを指定する方法です。Zoomerang.listen('#my-image')設定として、背景色や透明度、最大の幅と高さ、アニメーションの指定ができます。クリック時にアニメーションしながら拡大するので、目を引きますし、周囲の色...





http://ift.tt/1abnmbU

February 03, 2014 at 01:11PM

コメント

このブログの人気の投稿

投稿時間:2021-06-17 22:08:45 RSSフィード2021-06-17 22:00 分まとめ(2089件)

投稿時間:2021-06-20 02:06:12 RSSフィード2021-06-20 02:00 分まとめ(3871件)

投稿時間:2021-06-17 05:05:34 RSSフィード2021-06-17 05:00 分まとめ(1274件)