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


Увеличение Картинки При Наведении Курсора


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

#41 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 11 Январь 2013 - 19:11

Просмотр сообщенияKalina (11 Январь 2013 - 18:53) писал:

Спасибо получилось и цвет и размер выставить :)  Теперь другая проблема появилась: при нажатии на "Увеличить изображение" под основной фотографией в карточке товара теперь открывается одна большая фотография в отдельном окне, а остальные не пролистываются и даже не переключаются между собой. И мини изображения тоже не реагируют.

http://домовенок.com.../Куртка-женская

Помогите пожалуйста.
В ваш файл скриптов main.js присутствует код стилей:
div#nyroModalFull {
z-index: 9999 !important;
}
Вы можете удалить этот код.

#42 Kalina

Kalina

    Пользователь

  • Пользователи
  • PipPip
  • 46 сообщений
  • ГородБалашиха

Отправлено 11 Январь 2013 - 20:14

Код я удалила, но теперь маленькое изображение перекрывает большое и включается зум. Как оставить только большие изображения?

#43 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 11 Январь 2013 - 20:28

Просмотр сообщенияKalina (11 Январь 2013 - 20:14) писал:

Код я удалила, но теперь маленькое изображение перекрывает большое и включается зум. Как оставить только большие изображения?

Это можно изменить в файле "Товар".
Найти код:
<div id="wrap" style="top:0px;z-index:9999;position:relative;">
Заменить:
<div id="wrap" style="top:0px;position:relative;">


#44 Kalina

Kalina

    Пользователь

  • Пользователи
  • PipPip
  • 46 сообщений
  • ГородБалашиха

Отправлено 11 Январь 2013 - 21:13

Я не могу найти этот код. У меня шаблон Мокко, может там какой то другой?

#45 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 11 Январь 2013 - 21:23

Просмотр сообщенияKalina (11 Январь 2013 - 21:13) писал:

Я не могу найти этот код. У меня шаблон Мокко, может там какой то другой?
Код:
<div id="wrap" style="top:0px;z-index:9999;position:relative;">
можно найти в файле "cloud-zoom.1.0.2.js".

#46 Kalina

Kalina

    Пользователь

  • Пользователи
  • PipPip
  • 46 сообщений
  • ГородБалашиха

Отправлено 11 Январь 2013 - 22:04

Спасибо Вам огромное за терпение, наверное тяжело новичкам все объяснять)))))
У меня все получилось
Вот результат :D

http://домовенок.com.../Куртка-женская

#47 Mariblondo

Mariblondo

    Пользователь

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

Отправлено 29 Январь 2013 - 22:51

Здравствуйте!
Добавил скрипт, вроде работает, но появились некоторые проблемы.
1. Изображение товара сместилось влево, хотелось бы чтоб было в центре как раньше.
2. При нажатии на кнопку "Увеличить изображение", ничего не происходит, а надо чтоб открывалось полно размерное изображение.
Вот пример: http://mariblondo.ru...Rilio?from=ZmEw

#48 Vaccina

Vaccina

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

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

Отправлено 30 Январь 2013 - 01:29

Попробуйте добавить в файл main.js следующий код

$(function() {
  $('.zoomicon a').each(function() {
	$(this).attr('rel', 'gallery');
	$('a[rel="gallery"]').fancybox();
  });
  setTimeout(function() {
   $('#wrap').css({
	'left': $('#wrap .mousetrap').width() / 2,
	'width': $('#wrap .mousetrap').width()
   });
  }, 200);
});


#49 Mariblondo

Mariblondo

    Пользователь

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

Отправлено 30 Январь 2013 - 09:01

Второй вопрос решился, но с ошибкой (SyntaxError: invalid object initializer на стоке: 337. Адрес файла: http://mariblondo.ru...d-zoom.1.0.2.js).
Первый так и остается открытым.
Что делать?))

#50 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 30 Январь 2013 - 14:04

Цитата

1. Изображение товара сместилось влево, хотелось бы чтоб было в центре как раньше.
На данный момент фотография товара отображается по центру.

#51 Mariblondo

Mariblondo

    Пользователь

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

Отправлено 30 Январь 2013 - 14:44

А здесь глюк не детский) http://mariblondo.ru...pushup-ferretto

#52 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 30 Январь 2013 - 15:06

Стили меняет JS.
Их трудно отследить.
В конец файла "Товар".
Добавить:
<script>
$("#wrap").css('position','initial');
</script>


#53 Mariblondo

Mariblondo

    Пользователь

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

Отправлено 30 Январь 2013 - 17:16

Ничего не изменилось. Может это из-за большого изображения, горизонтального формата? http://mariblondo.ru...pushup-ferretto

#54 Koderhan

Koderhan

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

  • Модератоpы
  • 6 227 сообщений

Отправлено 30 Январь 2013 - 17:30

Просмотр сообщенияMariblondo (30 Январь 2013 - 17:16) писал:

Ничего не изменилось. Может это из-за большого изображения, горизонтального формата? http://mariblondo.ru...pushup-ferretto
Попробуйте в файле "main.js".
Найти код:
$('#wrap').css({
	 'left': $('#wrap .mousetrap').width() / 2,
	 'width': $('#wrap .mousetrap').width()
});
}, 200);
Заменить:
$('#wrap').css({
	 'left': $('#wrap .mousetrap').width(),
	 'width': $('#wrap .mousetrap').width()
});
}, 200);


#55 enigmastyle

enigmastyle

    Пользователь

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

Отправлено 11 Февраль 2013 - 19:26

у меня не правильно начинает работать, когда нажимаешь кнопку увеличить изображение.  Появляется крупно фото товара, а за ним (на заднем фоне ) появляется увеличенная часть фотографии. Подскажите, пожалуйста, как  отключить зум при просмотре увеличенной фотографии.
У меня шаблон мокко.
файл "cloud-zoom.1.0.2.js" подкорректировал по примеру выше. Заменил в условии if ($(this).parent().attr('id') != 'wrap') :
  код   $(this).wrap('<div id="wrap" style="top:0px;z-index:9999;position:relative;"></div>') на код  $(this).wrap('<div id="wrap" style="top:0px;position:relative;"></div>');

#56 mikola

mikola

    Good soo good

  • Модератоpы
  • 1 550 сообщений
  • Городгород Нижний Новгород

Отправлено 11 Февраль 2013 - 19:41

Просмотр сообщенияenigmastyle (11 Февраль 2013 - 19:26) писал:

у меня не правильно начинает работать, когда нажимаешь кнопку увеличить изображение.  Появляется крупно фото товара, а за ним (на заднем фоне ) появляется увеличенная часть фотографии. Подскажите, пожалуйста, как  отключить зум при просмотре увеличенной фотографии.
У меня шаблон мокко.
файл "cloud-zoom.1.0.2.js" подкорректировал по примеру выше. Заменил в условии if ($(this).parent().attr('id') != 'wrap') :
  код   $(this).wrap('<div id="wrap" style="top:0px;z-index:9999;position:relative;"></div>') на код  $(this).wrap('<div id="wrap" style="top:0px;position:relative;"></div>');
Хорошо..
1.Попробуйте повторить операцию..возможно тут прочитать http://forum.storela...ора/#entry32048
2.скажите адрес вашего сайта..

#57 enigmastyle

enigmastyle

    Пользователь

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

Отправлено 11 Февраль 2013 - 19:57

Просмотр сообщенияMikola (11 Февраль 2013 - 19:41) писал:

Хорошо..
1.Попробуйте повторить операцию..возможно тут прочитать http://forum.storela...ора/#entry32048
2.скажите адрес вашего сайта..

сейчас убрал из скрипта cloud-zoom.1.0.2.js  из скрипта и поставил код  в main.js
div#nyroModalFull {
z-index: 9999 !important;
}
вроде все заработало нормально

#58 mikola

mikola

    Good soo good

  • Модератоpы
  • 1 550 сообщений
  • Городгород Нижний Новгород

Отправлено 11 Февраль 2013 - 20:07

Просмотр сообщенияenigmastyle (11 Февраль 2013 - 19:57) писал:

http://enigmastyle.ru
еще обнаружил,  что зум  включен после нажатия кнопки "положить в корзину"
мм....серьезных ошибок не нашёл

#59 enigmastyle

enigmastyle

    Пользователь

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

Отправлено 11 Февраль 2013 - 20:15

зум в товарах с названием http://enigmastyle.ru/goods/(далее товар)  работаем нормально.
а вот  в тех случаях когда используется "ссылка на товар поддомен, вместо названия товара в URL "
к примеру http://lisa.enigmastyle.ru/ , работает неправильно

#60 enigmastyle

enigmastyle

    Пользователь

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

Отправлено 11 Февраль 2013 - 20:33

сейчас заодно проверил в Chrome (до этого смотрел в firefox)  как работает - обнаружил, что там правильно работают страницы с  ссылками на товар поддомен, вместо названия товара в URL (http://lisa.enigmastyle.ru/) и не правильно  http://enigmastyle.ru/goods/(далее товар). Т.е. все наоборот.




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

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