Привет, ребята, нужна помощь с jQuery.
У меня есть 5 значков, связанных с 5 изображениями, поэтому значок исчезает и исчезает в увеличенной версии.
$('#iconX').click(function() {
$('.iconSet').fadeOut('300');
$('#largeX').delay('300').fadeIn('300');
});
<!-- Small images -->
<a href="#" ><img src="images/icon1.png" class="smallPics" id="icon1"/></a>
<a href="#"><img src="images/icon2.png" class="smallPics" id="icon2"/></a>
<!-- Large images -->
<img src="images/large1.png" class="largePics" id="large1" />
<img src="images/large2.png" class="largePics" id="large2" />
Как я могу использовать вместо X (#iconX, #largeX) что-то вроде icon1 и large1 и узнать, какой именно значок был выбран, и как я могу использовать его позже в largeX?Надеюсь, в этом есть какой-то смысл, и, простите за заголовок вопроса, толком не знаю, как его назвать :)