スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

2. 場所によっては画像変更するとチラチラでするのを修正 マウスオーバー

 前回のマウスオーバーでは、画像にイベントのスクリプトを記述したために、大きさの異なる画像の場合は場所によってはつらついてしまうことがありましたので、外枠のテーブルにイベントのスクリプトを記述しました。この場合は外枠の大きさは変わりませんので、ちらつくことがありません。
 画像タグ内に記述する場合には、画像のURL変更はそれ自身ですから、this.src= としましたが、テーブルの枠ではそれはだめなので、画像のID名を p2010052801 として、p2010052801,src= としました。



<table> <td style="width:610px; height:610px; text-align:center; virtical-align:center; background-color#eee;" onmouseover="p2010052801.src='http://blog-imgs-43.fc2.com/d/o/n/dongwcat/hiraodai201005_3.jpg';" onmouseout="p2010052801.src='http://blog-imgs-43.fc2.com/d/o/n/dongwcat/hiraodai201005_2.jpg'"> <img id="p2010052801" src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/hiraodai201005_2.jpg" style="border:solid 1px;" /> </td></tabele>

コメントの投稿

非公開コメント

よろしくお願いします

おはようございます。
将来、FC2に引っ越す予定ですので、是非ソースの開発を、お手間でしょうが、お願いします。
これからが楽しみです。
いつも、ありがとうございます。

maruさま ぼちぼち行きます

現在iPadとtwitterにのぼせていまして、ブ
ログのほうがすこしお留守になっています。

しかしぼちぼちFC2らしい勉強をしていきた
いとおもっています。

新講座

お待ちして居りました
どこまで付いて行けるのか?ですが その節はいろいろアドバイスの程よろしくお願いいたします。

こんばんは~!

Fc2でタグのお勉強…楽しみにしています。
iPadとtwitterも良いけれど…
待っている生徒の事もお忘れなく…お願いしま~す。

EC-3様へ

最初は自動車学校の始めのように、簡単な
ことを繰り返して書いていくと思います。
場合によっては退屈されるかもしれません
がご容赦を。

tomoさまへ

そろそろ始めます
しかしFC2でのスクリプト講座は、環境がまともですので、独学の亜流の私のスクリプトは笑われるかも知れませんが、その点ご承知ください。

新しい物好きをとったら私は存在しませんのでお許しを。

ID

IDを写真個別のIDと間違えていました。この一連のFuction scriptへのIDだったのですね。

カイシャ様へ

この記事の場合のID名は、写真のID名です。
この記事では、スクリプトが、画像ではな
くて、テーブルのtdタグ内にかかれていま
すので、thisがつかわれなくて、ID名で
画像を参照するわけです。逆に画像内にス
クリプトが書かれていれば、同じタグ内の
オブジェクトですから、thisが使えます。

URL切り替えのスクリプトはそれぞれ

画像タグ外に記述する場合
      ID名.src="画像のURL";
画像タグ内に記述する場合
      this.src="画像のURL";
FC2カウンター
プロフィール

dongwcat

Author:dongwcat
FC2ブログへようこそ!

最新記事
最新コメント
最新トラックバック
カテゴリ
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。