No2 1k6mHP→nihonkaku.html |
日本閣東京
小さい画像の上にカーソルを合わせると拡大画像が表示されます。
|
写真1 | 写真2 | 写真3 | 写真4 | 写真5 | 写真6 | 写真7 | ||||||
写真8 | 写真9 | 写真10 | 写真11 | 写真12 | 写真13 | 写真14 |
このプログラムは次の流れでソフトが作成されています。 //イメージの事前読み込み if(document.images){ movimg=new Array() movimg[0] = new Image();movimg[0].src='nihonkaku/img/top_photo1.jpg'; ・・・・ // 画像のフェードイン・フェードアウト spd = 50; // 変化させる間隔(ミリ秒単位) ntc = 5; // 何%ずつ変化させるか cnt = 0; //画像書き換え function changimg1(imgNo){ if(document.images){ cnt = 0; document.images['img0'].src = movimg[imgNo].src; fdInImg('img0'); } 感想:まあちゃんのホームページ「散歩-観音寺」で上記のプロギラムで作成していますが、「横1行・縦6列の小さな6個の画像」を「横2行・縦6列の小さな12個の画像」に変更してみましたが、2行目の小さな画像にマウスを当てても大きな画像が表示できないトラブルを生じた。全て手入力でソフトを修正したので記号”(”が抜けていたりするとエラー表示が出て訂正箇所を見つけるのに大変苦労をしました。 *根気良く正確にミスないように入力した結果正常動作に成功! ああ疲れたよ! |