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

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

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

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

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

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

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

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

javascriptやcssのキャッシュをクリアする

jsファイルやcssファイルのキャッシュはクライアント側に残ります。
しかもキャッシュが切れるまでの時間が長いです。

だからjavascript等のファイルを更新してアップしたとき、
エラーでページが見れなかったりするわけです。

これの解決方法ですが、
呼び出しファイル名に引き数をくっつけてあげればキャッシュを読みにいきません。

<script src="script.js?20070805" type="text/javascript" />
<link href="style.css?20070805" rel="stylesheet" type="text/css" />

このように日付で管理したり、バージョンで管理するのが主流です。
xmlファイルなんかもキャッシュが長く残るので使えそうです。

a href=”" を記載しながら、リンクを無効にする方法

「IE6ではhoverが使えないので、 ’csshover.htc’を使って解決しました。」

こちらの記事で書きましたが、Ajaxを使ってページの1部分を更新すると、やっぱりaタグ以外にhover要素が使えないという問題に直面しました。

ほんと、いつもIEさんには泣かされます・・・。
続きを読む