Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.09.2018, 10:38
Новичок на форуме
Отправить личное сообщение для Влад99009 Посмотреть профиль Найти все сообщения от Влад99009
 
Регистрация: 10.09.2018
Сообщений: 1

замена одного фото при клике на другие
Есть галерея с главным фото и слайдером под ним(там фото меньше) подскажите пожалуйста как сделать чтобы при клике на фото из слайдера менялось главное фото, делаю все на yii2
Пример на сайте: http://asvpage.ru/product/17

Вывожу картинки в магазине след образом:

<?= Html::img($mainImg->getUrl(), ['alt' => $product->name]) ?>


код всего блока с фото

<div class="col-sm-5">
	<div class="view-product">
		<?= Html::img($mainImg->getUrl(), ['alt' => $product->name]) ?>
		<!-- <h3>Увеличить</h3> -->
	</div>
	<div id="similar-product" class="carousel slide" data-ride="carousel">
		
		  <!-- Wrapper for slides -->
		    <div class="carousel-inner">
		    	<?php $count = count($gallery); $i = 0; foreach ($gallery as $img): ?>
		    		<?php if($i  % 3 == 0): ?>
							<div class="item <?php if($i == 0) echo ' active' ?>">
						<?php endif; ?>
						  <?= Html::img($img->getUrl('84x84'), ['alt' => '']) ?>
		    		<?php $i++; if($i % 3 == 0 || $i == $count):?>
						</div>
						<?php endif; ?>
					<?php endforeach; ?>
				</div>

		  <!-- Controls -->
		  <a class="left item-control" href="#similar-product" data-slide="prev">
			<i class="fa fa-angle-left"></i>
		  </a>
		  <a class="right item-control" href="#similar-product" data-slide="next">
			<i class="fa fa-angle-right"></i>
		  </a>
	</div>

</div>
Ответить с цитированием
  #2 (permalink)  
Старый 10.09.2018, 11:44
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,791

$('.carousel-inner').on('click','img',function(){
    $('.view-product img').attr('src',this.src);
});
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
При клике ссылки, открыть DIV блок, и при клике ещё раз, закрыть его Simon Общие вопросы Javascript 59 28.05.2017 17:31
При клике на кнопку переход к якорю и открытие блока Galyanov Элементы интерфейса 19 11.12.2015 21:12
Исчезновение меню при клике на ссылку wiserfild Элементы интерфейса 4 24.10.2015 19:50
замена линков при клике zerofx Events/DOM/Window 10 18.09.2015 10:55
Выплывающая картинка при клике на кнопку karssen jQuery 9 19.10.2014 18:27