匿名質問者
匿名質問者匿名質問者とは「匿名質問」を利用して質問した質問者。
「匿名質問」では、ユーザー名を公開せずに匿名の質問ができます。
詳しくはこちら

1374573142 質問をお願いします。

現在添付画像のような、サイトを制作しています。

下に並んでいるカラーのアイコンをクリックすると、上のハガキの画像と色コードのゴールドの文字が変わります。

多分eachを使うのかなというのはなんとなくわかるのですが、
今のソースだと、どちらかクリックすると、ファイル名と画像が両方変わってしまいます。

JSのソースが悪いのはわかるのですが、どこをどのように修正すると、個々に動かせるか、どなたがご教授頂けると嬉しいです。

よろしくお願いします。



$(function (){
//ファイル名を取得する
var cmArray = [];

for(i=0;i<$('.color-tab a').length;i++){
cmArray.push($('.color-tab a').eq(i).attr('title'))
}
$(".color-tab a").click(
function(){
var cmTxt = cmArray[$(".color-tab a").index(this)];
$(".file-name").text(cmTxt);
}
);

//カラーの上にマウスを乗せると白枠が付く
$('.color-tab img').hover(function(){
$(this).attr('src', $(this).attr('src').replace('_off', '_on'));
},function(){
$(this).attr('src', $(this).attr('src').replace('_on', '_off'));
});

//カラーをクリックすると画像が変わる
$(".color-tab a").click(function(){
$(".picture_area img").attr("src",$(this).attr("href"));
return false;
});
});

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2013/07/23 18:52:22
  • 終了:2013/07/30 18:55:05

回答(0件)

回答はまだありません

コメントはまだありません

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

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

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

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