ロールオーバーでクロスフェードするjsで、画像名を調整したいです

質問

こんにちは。

http://d.hatena.ne.jp/KAZUMiX/20071017/rollover2
こちらのページにある、
クロスフェードするロールオーバーのサンプルを、
サイトに使わせていただきたいと考えています。

サンプル通りだとすぐに利用できるのですが、
オンマウス/アウト画像の名前を、
サンプル通りの○○_rollout.gifと○○_rollover.gifではなく、
○○.gifと○○_mouseout.gifという形で実現したいのです。
さらに、画像のclass名に"crossfade"と付けたものだけに限定したいです。
（決まった文字列を画像の名前の後ろに入れずに、
特定のclassを指定したものだけにロールオーバーが適用される状態）

そこで、上記サンプルのjsの一部を

......
for(var i=0;i<imgs.length;i++){
var splitname = imgs[i].src.split('.');
if((imgs[i].className == 'crossfade')&&(splitname[1])&&(imgs[i].parentNode.tagName=='A')){
var rolloverImg = document.createElement('img');
rolloverImg.src = splitname[0]+'_rollover.'+splitname[1];
var alpha = 0;
......

と調整してみたところ、ローカルでは動作するのですが、
なぜかサーバーにアップした途端動かなくなってしまいます。
(WindowsXP Firefox3です。)

何か記述に間違いがありますでしょうか？
javascriptは付け焼き刃もいいところで、
レベルの低い質問で申し訳ありませんが、
どうぞよろしくお願いします。

回答No.1

OKwebb · ベストアンサー

gifファイルの名前を変更したのをアップし忘れなんてことは
ないですよね？

お礼

初めまして。回答頂きありがとうございます。

var splitname = imgs[i].src.split('.');
ここの区切りが”,”のみだったため、
ドメインまで適応されてしまいエラーとなっていたようです。
var splitname = imgs[i].src.split('.g');
と訂正することで、無事動いてくれました。

どうもありがとうございました。