JavaScriptで画像のフェードイン、フェードアウトを実装することになった。
なので、タイマーを使ってcssのopacityを設定していこうと思ったが、
jQueryのanimateメソッドで実現できた。
animate({属性値:値}, アニメーション時間(ミリ秒));
属性はcssのものを指定する。
今回では以下のように使った。
これで指定した画像のopacityを1秒で1に設定できる。
$('#image').animate({opacity:1}, 1000);
JavaScriptで画像のフェードイン、フェードアウトを実装することになった。
なので、タイマーを使ってcssのopacityを設定していこうと思ったが、
jQueryのanimateメソッドで実現できた。
animate({属性値:値}, アニメーション時間(ミリ秒));
属性はcssのものを指定する。
今回では以下のように使った。
これで指定した画像のopacityを1秒で1に設定できる。
$('#image').animate({opacity:1}, 1000);