http://www.oskaarchitects.com/Projects/160/Montecito-Residence


このページにあるサムネールをクリックすると左のイメージが変わる
スクリプトを書きたいのですが、どの様に動いているのかよく解りません。

かなり複雑なスクリプトですが、どなたか詳しく解る方がいらっしゃいましたら
詳しくご教授頂けませんでしょうか。どうぞよろしくお願いします。

回答の条件
  • 1人20回まで
  • 登録:2008/11/29 18:49:41
  • 終了:2008/12/06 18:50:03

回答(2件)

  • id:pahoo
    回答になっていないのですが、jQueryのGalleryプラグイン(http://www.skuare.net/test/jGallery.html)を利用すれば実装できます。
  • id:xcaqhbaj
    どの程度の再現性を求めるかによります。
    動作の隅々まで同様のものを再現するとなればソースコードを読んで理解できるようになるしかないでしょうし、
    簡易なもの(サムネイルのクリックで画像を切り替える程度)であれば、サムネイルのimgタグのonclickイベントを拾って、
    拡大画像のimgタグのsrcを置き換えるだけで実装可能です。


    とりあえずどの程度のレベルのものを求めておられるのか示されてはどうでしょう。
    その方が他の回答者の方も幾分は答えやすいかと思われます。
  • id:mune0628
    >pahooさん
    参考になるプラグインを教えて頂きありがとうございました。

    >xcaphbajさん
    言葉足らずでした。スミマセン。
    サムネイルのimgタグのonclickイベントを拾って拡大画像のimgタグのsrcを置き換える
    事をしたいのですが、このサイトのスクリプトを読んでも理解できませんでした。。
    どの様に動いているのか教えて頂けませんでしょうか。

    よろしくお願い致します。




  • id:xcaqhbaj
    このサイト辺りが必要最低限のコードだけ簡潔に書いてあって分かりやすいかと。

    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)'>");
  • id:mune0628
    >xcaqhbaj さん
    参考になるページをご紹介して頂いてありがとうございました。
    非常に勉強になります。
    お教え頂いた以下の部分ですが、

    document.write("<img src='"+myImage[i]+"' width=80 height=100 onclick='func(this)'>");

    こちらをクリックした際に表示される大画像の方へはどの様に書けば良いのでしょうか?
    また、このサイトではどのページに書かれているのでしょうか?




この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません