script.aculo.usを使ってスライドショーのようなものを作ってみる

はてなブックマーク - script.aculo.usを使ってスライドショーのようなものを作ってみる
このエントリーをはてなブックマークに追加
Share on Facebook

自分には妹がいるんですが、イラストなどを描いてます。

やさしい兄なので、ホームページを作ってあげることに。

どうせ作るなら色々やってみようと、TOPページに置くスライドショー的なものにscript.aculo.usを使ってみました。

Effect.AppearとEffect.Fade・Effect.MoveBy、そしてsetIntervalを使うことで割とスムーズに実現しました。

こちらがサンプルページです。

script.aculo.usでスライドショー

ちなみに script.aculo.usの複合エフェクトを実行するためのParallelって関数なんですけど、IEでうまく動かないみたいですね。

コメントをどうぞ

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img localsrc="" alt="">