画像を同一Window内でスムーズにズームしてくれるJSライブラリ色々
2008年02月12日-
スポンサード リンク
画像を同一Window内でスムーズにポップアップしてくれるJSライブラリ色々。
LightBox風ではなく、クリックした画像がそのままズームイン、されるライブラリを紹介。
- FancyZoom 1.1 - 最近リリースされたFancyZoom。クリックでアニメーションしながら画像がズーム

- Highslide JS - 以前にも紹介した、Highslide JS。FancyZoomと動きはほぼ同じ。

- Live Thumbnail Demo - 画像をその場でズイズイっとリサイズ

(参照記事: サムネイルと元画像の見せ方)
今回新しく紹介する「FancyZoom」は、スクリプトを読み込んで、初期化するだけで、<a href="大きい画像"><img src="小さい画像(サムネイル)"></a> のマークアップにズーム機能が追加されるという点で実装はすごく容易でマークアップも綺麗にできます。
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- 洋菓子店の店主が3,790字を手書き。商用利用も無料の日本語フォントがすごい
- これまでJavaScriptで実装していたWebUIを最新のHTMLとCSSだけで軽く作るためのコード実装例集
- CSS設計手法「BEM」を絵文字だけで表現する実験的プロジェクト「BEMoji」
- classを付与するだけで気持ちいいアニメーションを実装する「AliveUI」
- heerich.js — SVGで3Dボクセルが描けるエンジン
- 8KBで完結するモダンUIライブラリ「Oat 」
- Web開発者が知っておくべき画面サイズ確認ツール「WhatIsMyScreenSize.com」
- Webデザイン分析を一瞬で終わらせるChrome拡張「MiroMiro」
- プログラミングで使う記号を美しく整列させることに特化したフォント「Myna」
- DarkもLightも自動生成:UI向けカラーパレット生成ツール「Harmonizer」紹介
- 過去のエントリ



















間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)


