画像をダイナミックに配置し、それに負けないくらいダイナミックなアニメーションで画像を拡大表示するギャラリーのチュートリアルをCodropsから紹介します。
[JS]壁一面に写真を並べたようなギャラリーを作成するチュートリアル
画像をダイナミックに配置し、それに負けないくらいダイナミックなアニメーションで画像を拡大表示するギャラリーのチュートリアルをCodropsから紹介します。
[JS]アニメーションが一味違う、画像を拡大するフレキシブルなスクリプト -YoxView
「Next」ボタンで次の画像を表示 スクリプトは使いやすさとフレキシビリティを前提に開発されており、実装が簡単で、柔軟性をもったものとなっています。 スクリプトの特長 ブラウザのサイズ変更時に表示を自動調整。 アニメーションで軽快に動作します。 画像はバックグランドでキャッシュすることが可能。 言語、背景色、スライドの間隔などオプションで簡単に設定。 多彩なインスタンス。 多言語対応。 ※現在は日本語用の画像は未。 スライドショーは自動再生に対応。 キーボードでの操作も可能。 操作方法は拡大時の「？Help）」に掲載。 サーチエンジンにもフレンドリー。 スクリプトの実装方法は簡単で、jQueryを使用しますがjQueryの特別な知識は必要なく実装が可能です。 YoxViewの実装方法
[JS]軽快なアニメーションで画像を拡大するスクリプト -Fancyzoom
拡大時のアニメーションが気持ちいい、画像を拡大表示するLightbox風スクリプト「Fancyzoom -jQuery version」を紹介します。 Fancyzoom -jQuery version demo Fancyzoom -jQuery versionはFancyZoomのjQuery版で、以前「jQueryのプラグイン33+1選 -2008年7月」で紹介した時から、拡大時のアニメーションが変化してより軽快なものになりました。 スクリプトのオプションでは、スピードや不透明度・オーバレイのカラーなどを数値で調整できます。 FancyzoomはjQueryのプラグインのため、実装にはjquery.jsが必要です。 また、IEの透過PNG画像の表示にjQuery.ifixpng、拡大画像のシャドウの表示にShadowを使用しています。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
