こんにちは、javascriptにてボタンを押すと画像が透明度が下がる
こんにちは、javascriptにてボタンを押すと画像が透明度が下がる動きを作っています。
ボタンを押すとフェードアウトはできるのですが、フェードアウトした画像を
元の透明度にフェードインすることが出来ません。
if文のclassに書かれている変数の扱いがよくわからないので、質問させて頂きました。
forで回してカウントから取得してみようかと,すべての画像に<p class＝"fade1">のような
タグをすべての画像に付けて、javascript記述できればと思っていましたが、classの指定が
$(".fade+i img")等と指定してみましたが、動きませんでした。
適切な方法がありましたら、教えてください。よろしくお願いします。
【html】
<div class="thumbnail">
<img src="g_images/IMG_1470.jpg" alt="画像1" class="item-image" hspace="5" vspace="3" />
<img src="g_images/DSC02564.JPG" alt="画像2" class="item-image" hspace="5" vspace="3" />
<img src="g_images/DSC02227.JPG" alt="画像3" class="item-image" hspace="5" vspace="3" />
<img src="g_images/DSC02555.JPG" alt="画像4" class="item-image" hspace="5" vspace="3" />
<img src="g_images/DSC02558.JPG" alt="画像5" class="item-image" hspace="5" vspace="3" />
</div>
【javascript】
$(document).ready(
function(){
$(".thumbnail img").click(function(){
if($(".thumbnail img").css("opacity")!=1.0){
$(".thumbnail img").fadeTo("normal", 1.0); // マウスオーバーで透明度を60%にする
}
$(this).fadeTo("normal", 0.4); // マウスオーバーで透明度を60%にする
});
});
お礼
ありがとうございます。 参考ＵＲＬも大変助かりました。