スムーズに画像を拡大するかなり導入が簡単なJavaScript「FancyZoom」 - GIGAZINE
IE6/IE7/Firefox/Safariに対応しているJavaScriptで、使い方もかなり簡単でページにほとんど変更を加えずに導入可能。 また、リンクの先読みにも対応しており、画像の上にマウスが乗ったことを感知して自動的に先読みすることもできますので体感的にはかなり速度アップしているように感じます。 画像をズームする機能のみに特化しているため、ほかの余計な機能付きのライブラリよりも動作は軽いのも特徴で、クリックしてズームされた後にはちゃんとドロップシャドウ効果が付いたりするなど、芸も細かい。 実際のデモと詳細は以下から。 cabel.name: FancyZoom 1.0 上記ページの下の方にある「Example」に体感できる例があります。なかなか面白い。 で、実際に設置するにはまず上記ページ中にあるZIPファイルをダウンロードしたら解凍し、出てきた2つのフォルダをFTPソフトなどで
JavaScriptを使ってクリック時に画像を入れ替える | チバのブログ
簡単なスクリプトではあるんですが、簡単であるがゆえに仕事で使うときなんかはその都度スクリプトを書いていたりします。それをどこかにまとめておけば時間の短縮にもなるのでここでまとめておこうかと思います。 サンプルページ 使うライブラリはjQueryです。 jQueryをHTMLに読み込む手順については、Google AJAX Libraries APIとServing YUI Filesという記事に詳しく書きましたので、そちらをご覧ください。 前提 HTML Javascript ちょっとした効果をつけてみる HTML 大きな画像とサムネイルリストを用意しなければなりません。今回はサムネイルを作らないで大きな画像を縮小表示させてサムネイルみたいにするという横着をする場合なので、ソースもこんな感じになります。 メインの画像部分 <p><img id="target" src="path/to/
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
