Перейти к содержимому


Изображение


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 3

#1 Reddo

Reddo

    Новичок

  • Пользователи
  • Pip
  • 2 сообщений

Отправлено 17 Декабрь 2017 - 14:50

Здравствуйте,как сделать так, что бы при нажатии на миниатюру изображения,оно выводилось на главное изображение? (вот пример - https://www.eldorado...etail/71333014/ ), и еще кое что... Изображение почему то разных размеров.. одно больше, другое меньше.. можно как то сделать что бы они всегда были одинакового размера?

#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 21 Декабрь 2017 - 08:14

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.js - найдите:
// Открытие изображения товара при клике
$(document).ready(function() {
$('.popup-gallery').magnificPopup({
delegate: 'a',
type: 'image',
tLoading: 'Загружаем изображение #%curr%...',
mainClass: 'mfp-img-mobile',
gallery: {
enabled: true,
navigateByImgClick: true,
preload: [0,1] // Will preload 0 - before current, and 1 after the current image
},
image: {
tError: '<a href="%url%">Изображение #%curr%</a> не загружено.',
titleSrc: function(item) {
return item.el.attr('title') + '<small>StoreLand.ru</small>';
}
}
});
});

после него пропишите:

$('.thumblisticon').click(function(){
		var url = $(this).attr('href');
		$('.general-img').find('img').attr('src', url);
$('.general-img').find('a').attr('href', url);
		return false;
  });


#3 Reddo

Reddo

    Новичок

  • Пользователи
  • Pip
  • 2 сообщений

Отправлено 21 Декабрь 2017 - 21:31

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

#4 Mr.Nito

Mr.Nito

    Активный участник

  • Модераторы
  • 1 364 сообщений

Отправлено 22 Декабрь 2017 - 20:14

Просмотр сообщенияReddo (21 Декабрь 2017 - 21:31) писал:

у меня нету этого кода "" открытие изображения товара при клике "", я попробовал вставить это код,а после него написал то что вы сказали.. и ничего не изменилось.. изображение открывается,но не выводится на главное изображение..
Здравствуйте.
Добавил код из инструкции выше, сейчас при нажатии на миниатюру изменяется главное изображение. Как по ссылке в первом сообщении.




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных