Как доделать галерею?

Question

[Рома Гилев]

Всем привет, нужно чтобы при наведении на ссылку с классом subImg фото начало отображаться в ссылке с классом mainImg, пробовал вешать функцию на subImg onfocus="newHref"
function newHref(t){
var res = $(t).attr('href');
$('.mainImg').attr("href", res);
$('.mainImg a').attr("src", res);
return false;
}
но получилась какая - то дикая сатана) Подскажите решение или в каком направлении двигаться)

<div id="links" class="container col-lg-12 col-md-12">
		<a class="mainImg" href="/view/img/m7UG7IZyYH.jpg" data-gallery>
			<img src="/view/img/m7UG7IZyYH.jpg" class="img-thumbnail img-responsive">
		</a>
		
			<a style="text-decoration:none;" class="subImg" href="/view/img/logo.jpg" data-gallery>
				<img id="aboutImg" src="/view/img/logo.jpg" class="img-thumbnail img-responsive">
			</a>
			
			<a style="text-decoration:none;" class="subImg" href="/view/img/m7UG7IZyYH.jpg" data-gallery>
				<img id="aboutImg" src="/view/img/m7UG7IZyYH.jpg" alt="..." class="img-thumbnail img-responsive">
			</a>
			
			<a style="text-decoration:none;" class="subImg" href="/view/img/m7UG7IZyYH.jpg" data-gallery>
				<img id="aboutImg" src="/view/img/m7UG7IZyYH.jpg" alt="..." class="img-thumbnail img-responsive">
			</a>
			
			<a style="text-decoration:none;" class="subImg" href="/view/img/m7UG7IZyYH.jpg" data-gallery>
				<img id="aboutImg" src="/view/img/m7UG7IZyYH.jpg" alt="..." class="img-thumbnail img-responsive">
			</a>
		
		</div>

Answer 1

[Alastor]

должно сработать

$('. subImg').on('mouseenter', function() {
	$('. mainImg').attr('href', $(this).attr('href'));
	$('. mainImg img').attr('src', $(this).attr('href'));
});

id - это уникальный идентификатор элемента. И нельзя его повторять.

Comments

[Рома Гилев]

На счет id учту) На счет скрипта, он же не отличается от моего) Да и я передумал ща на счет подобной галереи, уж больно геморойную фигню придумал) Спасибо за ответ)