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


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


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

#81 Flor@@

Flor@@

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

  • Пользователи
  • PipPipPipPip
  • 1 959 сообщений

Отправлено 14 Март 2013 - 03:45

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

а как сделать так чтобы работало и то и другое одновременно?

#82 Vaccina

Vaccina

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

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

Отправлено 15 Март 2013 - 01:26

Попробуйте добавить в самый конец файла main.js

$(function() {
  $('.mousetrap').live('click', function() {
	 var link = $(this).closest('#wrap').find('a');
	 var image = new Image();
	 image.src = link.attr('href');
	 var width = image.width;
	 var height = image.height;
	 window.open(link.attr('href'),"Image","width=" + width + ",height=" + height);
  });
});


#83 Flor@@

Flor@@

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

  • Пользователи
  • PipPipPipPip
  • 1 959 сообщений

Отправлено 15 Март 2013 - 09:06

Просмотр сообщенияVaccina (15 Март 2013 - 01:26) писал:

Попробуйте добавить в самый конец файла main.js

$(function() {
$('.mousetrap').live('click', function() {
	 var link = $(this).closest('#wrap').find('a');
	 var image = new Image();
	 image.src = link.attr('href');
	 var width = image.width;
	 var height = image.height;
	 window.open(link.attr('href'),"Image","width=" + width + ",height=" + height);
});
});
супер, спасибки.
А как можно регулировать сам зум? ширину и высоту окошка, вкотором видно увеличенние изображение, и то, во сколько раз зум увеличивает картинку при наведении на нее?

#84 Koderhan

Koderhan

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

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

Отправлено 15 Март 2013 - 09:26

Просмотр сообщенияotdyh-i-son.ru (15 Март 2013 - 09:06) писал:

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

Панель администратора, "Сайт"->"Редактор тем".
В файле "Товар".
Найти код:
rel="position: 'right', adjustX: 8, adjustY: 0, zoomWidth:250"
Заменить:
rel="position: 'right', adjustX: 8, adjustY: 0, zoomWidth:350, zoomHeight:200"


#85 Flor@@

Flor@@

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

  • Пользователи
  • PipPipPipPip
  • 1 959 сообщений

Отправлено 15 Март 2013 - 12:42

вот баг получился с заказами, помогите срочно!!!!!

Прикрепленные изображения

  • вид сайта 27.jpg


#86 Koderhan

Koderhan

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

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

Отправлено 15 Март 2013 - 13:02

Просмотр сообщенияotdyh-i-son.ru (15 Март 2013 - 12:42) писал:

вот баг получился с заказами, помогите срочно!!!!!
В файл "main.js".
После кода :
$(document).ready(function(){
Добавить:
$('#wrap').css('z-index', '99');

И если не получится то можно сделать еще так.
В конец файла "main.csstemplate".
Добавить код:
#nyroModalFull {
z-index:9999;
}


#87 Flor@@

Flor@@

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

  • Пользователи
  • PipPipPipPip
  • 1 959 сообщений

Отправлено 15 Март 2013 - 13:07

помогли по тел. спасибо.

#88 Flor@@

Flor@@

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

  • Пользователи
  • PipPipPipPip
  • 1 959 сообщений

Отправлено 17 Март 2013 - 10:52

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

#89 Koderhan

Koderhan

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

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

Отправлено 18 Март 2013 - 09:13

Просмотр сообщенияotdyh-i-son.ru (17 Март 2013 - 10:52) писал:

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

Панель администратора, "Сайт"->"Редактор тем".
В файле "cloud-zoom.js".
Найти код:
			$mouseTrap = jWin.parent().append(format("<div class='mousetrap' style='background-image:url(\".\");z-index:999;position:absolute;width:%0px;height:%1px;left:%2px;top:%3px;\'></div>", sImg.outerWidth(), sImg.outerHeight(), 0, 0)).find(':last');
Заменить:
			$mouseTrap = jWin.parent().append(format("<div class='mousetrap' style='background-image:url(\".\");z-index:100;position:absolute;width:%0px;height:%1px;left:%2px;top:%3px;\'></div>", sImg.outerWidth(), sImg.outerHeight(), 0, 0)).find(':last');


#90 Flor@@

Flor@@

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

  • Пользователи
  • PipPipPipPip
  • 1 959 сообщений

Отправлено 18 Март 2013 - 12:13

Просмотр сообщенияKoderhan (18 Март 2013 - 09:13) писал:

Панель администратора, "Сайт"->"Редактор тем".
В файле "cloud-zoom.js".
Найти код:
$mouseTrap = jWin.parent().append(format("<div class='mousetrap' style='background-image:url(\".\");z-index:999;position:absolute;width:%0px;height:%1px;left:%2px;top:%3px;\'></div>", sImg.outerWidth(), sImg.outerHeight(), 0, 0)).find(':last');
Заменить:
$mouseTrap = jWin.parent().append(format("<div class='mousetrap' style='background-image:url(\".\");z-index:100;position:absolute;width:%0px;height:%1px;left:%2px;top:%3px;\'></div>", sImg.outerWidth(), sImg.outerHeight(), 0, 0)).find(':last');
Спасибо, помогло.

#91 Flor@@

Flor@@

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

  • Пользователи
  • PipPipPipPip
  • 1 959 сообщений

Отправлено 19 Март 2013 - 14:06

А как сделать, чтобы фотография открывалась в большом формате не в соседней вкладке а в новом окне сверху?
Как на скрине (некоторые фото одно время почему-то именно так и открывались):

Прикрепленные изображения

  • вид сайта 26.jpg


#92 mikola

mikola

    Good soo good

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

Отправлено 19 Март 2013 - 21:40

Просмотр сообщенияotdyh-i-son.ru (19 Март 2013 - 14:06) писал:

А как сделать, чтобы фотография открывалась в большом формате не в соседней вкладке а в новом окне сверху?
Как на скрине (некоторые фото одно время почему-то именно так и открывались):
. Для применения данной опции - необходимо в файле main.js найти
// Настройки галереи изображений
$.nyroModalSettings({
// из всех элементов с атрибут rel="gallery" будем создавать галерею
gallery: 'gallery',
// Включаем прокрутку с последнего изображения на первое
galleryLoop: true,
});

и заменить на
// Настройки галереи изображений
$.nyroModalSettings({
// из всех элементов с атрибут rel="gallery" будем создавать галерею
gallery: 'gallery',
// Включаем прокрутку с последнего изображения на первое
galleryLoop: true,
resizable: false,
autoSizable: false
});


#93 Flor@@

Flor@@

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

  • Пользователи
  • PipPipPipPip
  • 1 959 сообщений

Отправлено 19 Март 2013 - 22:59

спасибо большое.

#94 tanch

tanch

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

  • Пользователи
  • PipPipPipPip
  • 300 сообщений
  • ГородНовосибирск

Отправлено 23 Март 2013 - 10:14

Подскажите - а как сделать зум в каталоге товаров?
На странице товара - получилось! Спасибо!
а вот с каталогом - нет
сделала как описано в сообщении #7
для таблицы шаблона Сияние, но у меня Мокко
и все поехало! стали огромные сами изображения товаров, перекрывая всё и вся! Плюс к этому окошечко зума постоянно меняло размер, в зависимости от того на какой товар наводишь.
zoom1.jpg zoom2.jpg

#95 Koderhan

Koderhan

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

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

Отправлено 23 Март 2013 - 10:36

Просмотр сообщенияtanch (23 Март 2013 - 10:14) писал:

Подскажите - а как сделать зум в каталоге товаров?
На странице товара - получилось! Спасибо!
а вот с каталогом - нет
сделала как описано в сообщении #7
для таблицы шаблона Сияние, но у меня Мокко
и все поехало! стали огромные сами изображения товаров, перекрывая всё и вся! Плюс к этому окошечко зума постоянно меняло размер, в зависимости от того на какой товар наводишь.
Прикрепленный файл zoom1.jpgПрикрепленный файл zoom2.jpg
Думаю добавления подобного увеличение изображения при наведение в каталог товаров не самая хорошая идея. Это будет раздрожать многих покупателей.
и нагружать страницу что увеличит загрузку страницы с каталогом товаров.

#96 tanch

tanch

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

  • Пользователи
  • PipPipPipPip
  • 300 сообщений
  • ГородНовосибирск

Отправлено 23 Март 2013 - 12:13

Просмотр сообщенияKoderhan (23 Март 2013 - 10:36) писал:

Думаю добавления подобного увеличение изображения при наведение в каталог товаров не самая хорошая идея. Это будет раздрожать многих покупателей.
и нагружать страницу что увеличит загрузку страницы с каталогом товаров.
Думаю Вы правы
Где-то я сегодня напортачила..!!
Пропала стрелочка "ВВЕРХ"
т.е. при обновлении страницы она появляется и сразу исчезает!
Как вернуть???

#97 Koderhan

Koderhan

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

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

Отправлено 23 Март 2013 - 12:34

Просмотр сообщенияtanch (23 Март 2013 - 12:13) писал:

Думаю Вы правы
Где-то я сегодня напортачила..!!
Пропала стрелочка "ВВЕРХ"
т.е. при обновлении страницы она появляется и сразу исчезает!
Как вернуть???
Это связано с ошибкой в js которая возникает из-за не подключенных библиотек карусели к сайту.
А именно код:
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.jcarousel.js"></script>
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}carousel.css" type="text/css" />
В редакторе тем у вас должны быть эти файлы.

#98 tanch

tanch

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

  • Пользователи
  • PipPipPipPip
  • 300 сообщений
  • ГородНовосибирск

Отправлено 23 Март 2013 - 14:08

Просмотр сообщенияKoderhan (23 Март 2013 - 12:34) писал:

Это связано с ошибкой в js которая возникает из-за не подключенных библиотек карусели к сайту.
А именно код:
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.jcarousel.js"></script>
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}carousel.css" type="text/css" />
В редакторе тем у вас должны быть эти файлы.

а куда его прописывать???

#99 miyako

miyako

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

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

Отправлено 23 Март 2013 - 14:16

Просмотр сообщенияtanch (23 Март 2013 - 14:08) писал:

а куда его прописывать???

В шаблон HTML перед тегом </head>

#100 tanch

tanch

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

  • Пользователи
  • PipPipPipPip
  • 300 сообщений
  • ГородНовосибирск

Отправлено 23 Март 2013 - 14:20

Просмотр сообщенияmiyako (23 Март 2013 - 14:16) писал:

В шаблон HTML перед тегом </head>
туда я его пробовала
и сейчас снова прописала туда, куда Вы сказали
посмотрите результат
main.jpg




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

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