JavaScriptで画像のフェードアウトフェードインしてみる
本家http://www.takoashi.net/のほうでトップの画像を切り替えるのをかっこよくやってみたくて、Ajax系のスクリプトからやってみました。
・Prototype.jshttp://www.prototypejs.org/
・Script.aculo.ushttp://script.aculo.us/
Effect.Fade を使うとタグが消えてしまいます。
消えたタグは、Effect.Appearで復活させる。
透かすだけなら Effect.Opacity でいい
フェードアウトした後にフェードインする場合、
new Effect.Fade("XX");
new Effect.Appear("XX");
と、すると思いきや
これでは、同時に実行されるため思ったように動かない。
フェードアウト後にフェードインするなら
new Effect.Fade("XX",{
afterFinishInternal: function(effect) {
new Effect.Fade("XX");
}
});