BloggerGoogle のウェブログ公開ツールを使って、テキスト、写真、動画を共有できます。
JavaScript で、画像本来のサイズ(幅, 高さ)を取得する方法 - latest log
Opera で DOM Mutation Event を使用するコードを追記しました。 まとめを追加しました。 Opera パート2に取得できないケースが見つかったため、パート3 を追加しました。 rhino.jpg(幅:300px, 高さ:227px) を、 <img id="rhino" src="rhino.jpg" width="100" height="75" /> と、100 x 75 で表示している場合を例に、画像本来のサイズを取得する方法をご紹介します。 Firefox, Safari, Google Chrome なら image.naturalWidth と image.naturalHeight を利用します。 image.naturalWidth と image.naturalHeight の初期値は 0 です。画像の読み込みが完了した時点で適切な値に更新されます。
[JS]ルーペで覗くように、画像の一部を拡大表示するスクリプト集
画像の一部のみを拡大表示するスクリプトの紹介です。 TJPzoom jqzoom requires jquery.js loupe.js shiftzoom.js MojoMagnify mooZoo
ウノウラボ Unoh Labs: 画像の遅延読み込み
yamaokaです。 webページの表示を高速化する手法にはいろいろありますが、 その一つとして遅延読み込みという手法があります。 初期状態で表示する必要のない要素については読み込まず、 必要になったタイミングで読み込み、表示するようにする手法です。 ページの読み込みにかかる時間の大半を 画像の読み込みが占めている場合が多いので、 画像の読み込みを遅延させるという手法が多く取られます。 検討するべきケース では、画像の遅延読み込みはどのような場合に検討されるべきでしょうか。 最初から表示されている必要がない画像が存在し、その画像のサイズが大きかったり、 そうした画像の数が多い場合は検討してみる価値があると思います。 例えば、次のようなケースです。 初期状態では表示されないブロックに属する画像が存在し、 JavaScriptで表示するかしないかを切り替えているような場合 ページのずーっと下の
画像をスムーズに拡大縮小する超クールなjavascript『PopBox!』 – creamu
onclickやマウスオーバなどで画像をクールに拡大縮小したい。 そんなあなたにおすすめなのが、『PopBox!』。画像をスムーズに拡大縮小する超クールなjavascriptだ。 『PopBox!』は、本当にかっこいい。スムーズに拡大縮小したり、リサイズまですることができる。 「Slide an image to reveal hidden text or graphics.」のところにはしびれた。。 画像を魅力的に見せるインターフェースとしてかなり使えるのではないだろうか。 画像をスムーズに拡大縮小する超クールなjavascript、チェックして使っていきたいですね。 誕生月だったので会社でお祝いしてもらいました。久々にケーキを食べておいしかったw。 デザイナーからプレゼントをもらいました。かっこいいコンセントです！ やっぱりデザインされたものはいいな。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブログ | 無料ブログを作成しよう
Lightboxスクリプトいろいろ - DesignWalker
