Как сделать превью карточки товара с выводом?

Question

[ravlex]

Нужно чтобы по клику превью товара, фото отображалось в главном окне. Как это сделать на jquery? Или может есть готовые решения?

Answer 1

[Максим]

fotorama.io

если без плагинов:

создаёшь 1 большой блок где будет большая картинка с классом 'big-img'
снизу 5 ссылок - в ссылках с классом 'btn' пишешь аттрибут data-img="путь/*.jpg"

jquery:

$('.btn').click(function(){
		$('.btn').removeClass('active');
		$(this).addClass('active');
		$('.big-img').attr('src', $(this).data('img'));
	});

Answer 2

[iBird Rose]

обычный сладер с thumbnail же
можешь еще убрать листание если не нужно

a выбор цвета если такж нужно - то настроить через коллбек функции того же слайдера чтобы переходил на нужный слайд

используй к примеру kenwheeler.github.io/slick а именно Slider Syncing