javascript素人なので詳しく教えて頂きたいと思います。


サイトリニューアルに伴い、以下の仕様に変えたいと思っています。
このスクリプト自体他の人が作ったものなのでよく理解できていません。。


以下ページにある「前の写真へ」「次の写真へ」のボタンをクリックするとサムネイルの枠線が移動し、
且つ、メインの大きい写真が変わるスクリプトを使用しています。

http://www.all-eyefulhomenavi.com/kamimura/urawa/example/0017/index.html

【現在のJavascriptの仕様】
A-E(5つ)の画像が切り替えられる仕様

「次へ」の仕様を実現するために、現在の仕様になっているのだと思いますが、
今の仕様ですと点数をきっちりいれないとエラーになるため、修正をしたいと思っています。


【新仕様】
①画像点数は1~点数制限なしで対応した切り替え記述

②a,b,c,dなど画像に番号をつけるのではなく1,2,3,4で番号をつける。


よろしくお願いします。


回答の条件
  • 1人10回まで
  • 登録:2008/07/24 16:25:05
  • 終了:2008/07/25 00:04:41

回答(2件)

id:pahoo No.1

pahoo回答回数5960ベストアンサー獲得回数6332008/07/24 17:11:00

②a,b,c,dなど画像に番号をつけるのではなく1,2,3,4で番号をつける。

これについては、change 関数の switch 文の case の中を数字に変更してやれば対応できると思います。


①画像点数は1~点数制限なしで対応した切り替え記述

change 関数の大幅な見直しが必要です。

それと、あらかじめ対象となる画像の数を把握しなければなりません。

たとえば、対象となる img タグに同じIDを付与し、getElementByIdメソッドで数えるという方法が考えられます。

個人的にはサーバサイドで処理した方が早いと思うのですが‥‥。

id:mune0628

>pahooさん

早速のご回答ありがとうございます。

(2)については数字で入れ替える事は試しました。こちらは問題なく動作します。

(1)の点数制限なしで対応する際にどの様な記述をすれば良いか、教えて頂けると幸いです。何か参考になるページはありますか?

サーバーサイドでの処理ではなくあくまでもJavascript内で完結させたいと考えてます。

何かアイデアがあればよろしくお願い致します。

2008/07/24 17:21:46
id:kou32rr No.2

kou32rr回答回数197ベストアンサー獲得回数82008/07/24 21:47:34

思い切ってそもそもの画像切替の仕組みを変えてしまっては?

見た目も良くなりますよ。

Lightbox 2.0

http://journal.mycom.co.jp/articles/2007/06/14/lightbox/

jQuery Cycle Plugin (お勧めですが少し難しめ)

http://malsup.com/jquery/cycle/

http://malsup.com/jquery/cycle/pager3.html

http://redline.hippy.jp/lab/misc/jquery_cycle_plugin.php

id:mune0628

ご回答ありがとうございます。

しかし、JavaScriptの記述で処理したいと思いますので。

JSではこの様な実装は難しいのでしょうか?

引き続き、よろしくお願いします。

2008/07/24 21:58:49
  • id:pahoo
    途中まで回答ができていたんですが‥‥質問がキャンセルされてしまいましたね(トホホ)。
  • id:mune0628
    >pahooさん
    申し訳ありません。
    キャンセルするつもりはなかったのですが、質問の内容を変えようとしていました。
    まだ間に合う様でしたら是非教えて頂きたいと思いますが。。

  • id:mune0628
    >pahooさん
    同じ内容のものをコチラのページに立てさせて頂きました。
    http://q.hatena.ne.jp/1216912707

    もしまだ間に合いましたらどうかお力をお貸し下さい。
    よろしくお願い致します。


  • id:humiya_r
    http://www.efectorelativo.net/laboratory/noobSlide/

    こちらのJSが参考になるかと
  • id:mune0628
    >humiya_r様
    ご回答ありがとうございました。
    こちらのサイト参考になりそうです。
    こちらのページは質問をキャンセルしてしまいました。
    もし宜しければ以下のページにてご質問頂ければと思います。
    http://q.hatena.ne.jp/1216912707#a844696

    はてな初心者の為、申し訳ありません。

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

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

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

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