background (2008年5月 5日)

ここ数日頼まれたレストランのサイト構築をしていた。
ほとんど構成としては同じだが、デザイン上例えば

クリックすると画像が切り替わると同時に、
クリックした画像とは別のフレームのページの移動をする
画像は複数あり、画像1,2,3,4それぞれクリックすると
画像1",2",3",4"に切り替わるのだが、
画像1"に切り替わった状態で3を押すと1"は1に、
3は3"に戻る

必要があるとする。

画像リンクなんだけど、
・画像を表示しているページは固定（フレーム）
・リンク先はフレーム内部
だ。

こういうのってjavascriptで出来るんだろうなというのはわかっても
javascriptが書けるわけではなく、
どうやって調べればいいのか非常に悩む。
＋時間がかかる。

結局質問系のサイトで

<script> previmg=new Image(); number=0; function change(obj,img){ var imgs=document.getElementsByTagName('img'); if(previmg.src!="") imgs[number].src=previmg.src; for(var i=0;i<imgs.length;i++){ if(imgs[i].className==obj.className){ if(imgs[i]==obj){ previmg.src=obj.src; number=i; imgs[i].src=img; } } } } </script>
というスクリプトを書いておいて

<a href="blog.html" target="飛ばす先のFrame"> <img src="画像1 onClick="change(this,'画像1ダッシュ')"> </a>
とやればよい事がわかった。

こういうのってやっぱり特殊な知識っていうことになるんだろうか。 例え自分で出来ないとしても。 同じようにしてフランス語で日付表示、これはもうすぐに出来た。



Bluetooth W54S DRC-BT15P (2 hits)
688 hatebu はてぶ688されたページのアクセス数 (1 hits)
Amazon.fr search debut アマゾン フランスでの買い物の方法開設 (1 hits)
200000 pageview 20万ページビュー / 月 (1 hits)
cuttt! カッッット (1 hits)

pageviews
today: / yesterday: /