javascript 목적의 두 요소 연결

지도 영역으로 세분화 된 이미지가 있습니다. 영역을 클릭하면 특정 영역의 색상 (이미지의 src)이 변경되며 javascript (jquery) 덕택입니다. 여태까지는 그런대로 잘됐다. 그러나 "거울 영역"이 포함 된 두 번째 다른 이미지도 있는데 첫 번째 이미지에서 해당 영역을 클릭 할 때 변경해야합니다. 두 번째 이미지에서 하나 또는 두 개의 미러 영역이 될 수 있습니다 (물론 두면 모두 수행해야합니다).javascript 목적의 두 요소 연결

문제는 내가 그 영역을 "링크"할 수있어서 하나를 클릭하면 미러 이미지의 src를 변경할 수 있습니까? (속성, ID 또는 기타 변경 가능)

감사!

출처

2012-03-01 Willy

당신이 코드의 일부를 게시 할 수 있습니다 확실? – gideon

src를 게시 하시겠습니까? 또는 더 나은 underastand 당신이 뭘하려고하는지 여기에 바이올린. – digitebs

당신은 확실히 이것을 할 수 있지만, limjohn에 동의합니다. jsfiddle에 코드를 게시하여 보여 드리겠습니다. –

매핑하려는 각 해당 영역에 동일한 클래스가 있으면 쉽게 수행 할 수 있습니다.

당신은 미러링 원이 개 이미지가 있다면

<img class="area1" ...> 
<img class="area1" ...> 

<img class="area2" ...> 
<img class="area2" ...> 

Then you could have something like 

$("img").click(function(){ 
    //Select all elements with this class and add a border for example 
    $("."+$(this).attr("class")).css("border","1px solid red"); 
});

하지 않음이

출처

2012-03-01 09:37:38 Manatok

와우 내 코드가 복잡 해져서이 간단한 해결책을 간과했다. -_- 감사합니다. – Willy

javascript 목적의 두 요소 연결

답변

관련 문제