jQueryの基礎を学べるサイト

「CSSは分かるけど jQuery は苦手 … という人が jQuery に親しんでくれるといいなーと思って書きました」

自由な形で自由な形をhoverさせる。DreamweaverとCSSで実装。

1. hover前の画像をhtmlに読み込む

2. その画像にDreamweaverのareamap機能を使って
hoverさせる選択範囲を指定する。

3.hover後の画像をスワップイメージなどで挿入する。


完成。

<参考サイト>
http://www.inclover-inc.com/pocket/px/coding/html/eid161.html
http://www.geocities.jp/margin0px/sample/mapimg.html

jQuery スライダー／AJAXで画像やHTMLをロード。

Picasaの画像を高さを揃えたイメージギャラリーを実装するjQueryプラグイン・jquery-photowal

画像やボックス要素にhoverするとエフェクト付きで別のボックス要素を表示するjQueryプラグイン・ContentHover

<参考URL>
http://kachibito.net/web-design/contenthover.html

jpgのクオリティそのままに容量を1/5にするWEBサービス

jpgのクオリティそのままに容量を1/5にするWEBサービス
「JPEGmini」