人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

100ポイントの質問です。
http://maiden1970.sakura.ne.jp/#
でボタンをクリックすると、2個
「日記」があって、一個目「日記」
は正常に働いてくれてるんですが、
二個目は、その場所にカーソルを
あてると、「CDレヴュー」という
GIF画面が出るのですが…
ソースの意味も教えてください。
当方HTMLとCSSの基本は
一応わかるつもりです。
今回初めてjavasprictに朝鮮
したのですが…

●質問者: yujihirose
●カテゴリ:コンピュータ 学習・教育
✍キーワード:カーソル クリック ソース ボタン ポイント
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● upride
●0ポイント

http://google.co.jp/

Google

原因1:cd1.gifをサーバにupしていない

3種類ずつgifが必要なようです

ButtonImage[i+4].src=”cd” +i + ”.gif”;

ここでiは1〜3までループしてボタンイメージを3つ格納します

<img src=”cd1.gif” alt=”cd2” border=0 width=”78” height=”33”></a>

alt=”CDレビュー”とかにしたほうがユーザがわかりやすいです

http://www.openspc2.org/

Java Script, スタイルシート, Web関係, アプリケーション, ハイビジョン映像:[OpenSpace]

リファレンスです


2 ● aki73ix
●100ポイント

http://maiden1970.sakura.ne.jp/

http://maiden1970.sakura.ne.jp/cd2.gif

http://maiden1970.sakura.ne.jp/cd3.gif

はありますが

http://maiden1970.sakura.ne.jp/cd1.gif

だけまだ作成されてないようです

-----

var ButtonImage = new Array();

//ButtonImageという配列を作ります

for(i = 1; i < 4; i++) {

1-3までぐるぐる回します

//

ButtonImage[i]= new Image();

ButtonImage[1〜3]の配列の中味に画像を準備します

ButtonImage[i].src=”nikki” +i + ”.gif”;

ButtonImage[1〜3]の配列の中味にnikki[1〜3].gifを読み出します

ButtonImage[i+4]= new Image();

ButtonImage[5〜7]の配列の中味に画像を準備します

ButtonImage[i+4].src=”cd” +i + ”.gif”;

ButtonImage[5〜7]の配列の中味にcd[1〜3].gifを読み出します

}

function SetImage1(flag, position) {

document.images[position].src=ButtonImage[position*4+flag].src;

//このドキュメントのposition+1番目の画像を

ButtonImage[position*4+flag]の画像に変更するという意味です

<a href=”#” onMouseOver=”SetImage1(2,0)” onMouseOut=”SetImage1(1,0)” onClick=”SetImage1(3,0)”>

//マウスカーソルが画像の上にきたら SetImage1(2,0) 1番目の画像にButtonImage[2]を読み出し

//マウスカーソルが画像の上から離れたら SetImage1(1,0) 1番目の画像にButtonImage[1]を読み出し

//画像がクリックされたら SetImage1(3,0) 1番目の画像にButtonImage[3]を読み出し

<a href=”#” onMouseOver=”SetImage1(2,1)” onMouseOut=”SetImage1(1,1)” onClick=”SetImage1(3,1)”>

//マウスカーソルが画像の上にきたら SetImage1(2,1) 2番目の画像にButtonImage[2]を読み出し

//マウスカーソルが画像の上から離れたら SetImage1(1,1) 2番目の画像にButtonImage[1]を読み出し

//画像がクリックされたら SetImage1(3,1) 2番目の画像にButtonImage[3]を読み出し

少し整理して

function SetImage1(flag, position) {

document.images[position].src=ButtonImage[position].src;

}

と書き換えた後

<a href="#" onMouseOver="SetImage1(6,1)" onMouseOut="SetImage1(5,1)" onClick="SetImage1(7,1)">

cd1.gifのところを書き換えたほうがわかりやすいかもしれませんね

◎質問者からの返答

うーむ…難しいです。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ