2012-03-01 2 views
1

У меня есть изображение, разделенное на область карты. Когда вы нажимаете на область, цвет (изображение src) для этой конкретной области изменяется, все благодаря javascript (jquery). Все идет нормально. Но у меня также есть второе изображение, содержащее «области зеркала», которые также должны меняться, когда я нажимаю на соответствующую область на первом изображении. Это может быть либо одна, либо две области зеркала во втором изображении (и, конечно, я должен делать это с обеих сторон).Ссылка на два элемента для javascript цели

Вопрос в том, могу ли я «связать» эти области так, чтобы, когда я нажимаю один, я могу изменить зеркальные изображения src? (получите его атрибуты, его идентификатор или что-то еще, что позволит мне его изменить)

Спасибо!

+3

Вы можете разместить некоторые из вашего кода? – gideon

+1

не могли бы вы отправить свой src. или поиграть здесь, чтобы лучше понять, что вы пытаетесь сделать. – digitebs

+0

Вы можете определенно сделать это, но я согласен с limjohn, пожалуйста, разместите свой код на jsfiddle, чтобы мы могли показать вам. –

ответ

1

Если каждая соответствующая область, которую вы хотите отобразить, имеет тот же класс, что и вы можете сделать это легко.

, если у вас 2 изображения, которые вы хотели, чтобы отразить

<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"); 
}); 

Не уверен, если это поможет

+0

Wow мой код стал настолько сложным Я упустил это простое решение -_- Большое спасибо! – Willy

Смежные вопросы