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」

JWplayer各種ブラウザ対応の動画再生player

mp4だけでflashplayerがインストールされていればどのブラウザでも表示出来る
JWplayer

(1)インストール
http://www.longtailvideo.com/players/jw-flv-player/

Keep me informed of news, offers & updatesと
Include Viral, a video sharing plugin のチェックは外す。
(インフォメーションが届かないようにするのと再生後にシェアするなどの項目を出さないようにする。)

(2)カスタマイズする。
file:動画のパス;
skin:スキンの場所;

(例)
<script type="text/javascript" src="jwplayer.js"></script>
    <script type="text/javascript">
        jwplayer("mediaplayer").setup({
            flashplayer: "player.swf",
            file: "video_01.mp4",
            skin: "nacht.zip"  
        });
    </script>

(3)その他の設定は以下URLから

スキンは以下からダウンロードしてzipのまま好きなの場所に上げる。
http://www.longtailvideo.com/addons/skins

JW FLV Media Player のオプションの一覧
http://kenknown.blog42.fc2.com/blog-entry-54.html

他に役立つかもしれない
http://dmoon.at.webry.info/201011/article_18.html