このページにあるサムネールをクリックすると左のイメージが変わる スクリプトを書きたいのですが、どの様に動いているのかよく解りません。 かなり複雑なスクリプトですが、どなたか詳しく解る方がいらっしゃいましたら 詳しくご教授頂けませんでしょうか。どうぞよろしくお願いします。
http://q.hatena.ne.jp/1227952180
動作の隅々まで同様のものを再現するとなればソースコードを読んで理解できるようになるしかないでしょうし、
簡易なもの(サムネイルのクリックで画像を切り替える程度)であれば、サムネイルのimgタグのonclickイベントを拾って、
拡大画像のimgタグのsrcを置き換えるだけで実装可能です。
とりあえずどの程度のレベルのものを求めておられるのか示されてはどうでしょう。
その方が他の回答者の方も幾分は答えやすいかと思われます。
参考になるプラグインを教えて頂きありがとうございました。
>xcaphbajさん
言葉足らずでした。スミマセン。
サムネイルのimgタグのonclickイベントを拾って拡大画像のimgタグのsrcを置き換える
事をしたいのですが、このサイトのスクリプトを読んでも理解できませんでした。。
どの様に動いているのか教えて頂けませんでしょうか。
よろしくお願い致します。
http://taro4.blog37.fc2.com/blog-entry-18.html
イベントがonmousemoveなのでonclickに置き換えて考える必要がありますが、基本は一緒です。
前:document.write("<img src='"+myImage[i]+"' width=80 height=100 onmousemove='func(this)'>");
↓
後:document.write("<img src='"+myImage[i]+"' width=80 height=100 onclick='func(this)'>");
参考になるページをご紹介して頂いてありがとうございました。
非常に勉強になります。
お教え頂いた以下の部分ですが、
document.write("<img src='"+myImage[i]+"' width=80 height=100 onclick='func(this)'>");
こちらをクリックした際に表示される大画像の方へはどの様に書けば良いのでしょうか?
また、このサイトではどのページに書かれているのでしょうか?