マウスオーバーでフェード効果の半透明、ふわっとを目指す（2）- jqueryを使う
下の3つは,フェードの速度がそれぞれ違う。左から"slow""normal""fast"
#gallery-a  |
#gallery-b |
#gallery-c リンクも付けられる |
---スクリプトの説明----------
jquery-1.8.0.min.jsを使いました。※写真にはリンクも付けられます。
#gallery imgのhover時に，フェードインが掛かる様に設定。
id、class,p...
imgだけにすると、画像全てに掛かる。
speed ： フェードの速度。”slow”, “normal”, “fast” の文字列か、ミリ秒を数値で指定。
opacity ： 不透明度。0 ～ 1 で指定。この不透明度になるまで、フェード。
callback ： フェードが終了した後に実行されるコールバック関数。（オプション）
IE
alpha(opacity=透明度);
100が100％となる。25％の場合は、25
Firefox・Netscape
-moz-opacity:.透明度;
1.0が100％となる。25％の場合は、.25
Opera・Safari
opacity:透明度;
1.0が100％となる。25％の場合は、.25
※CSS3.0からは、opacity:透明度;の設定ですべてのブラウザで表示可能となるようです。