Увеличение Картинки При Наведении Курсора
#81
Отправлено 14 Март 2013 - 03:45
а как сделать так чтобы работало и то и другое одновременно?
#82
Отправлено 15 Март 2013 - 01:26
$(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
Отправлено 15 Март 2013 - 09:06
Vaccina (15 Март 2013 - 01:26) писал:
$(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
Отправлено 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"
#86
Отправлено 15 Март 2013 - 13:02
otdyh-i-son.ru (15 Март 2013 - 12:42) писал:
После кода :
$(document).ready(function(){Добавить:
$('#wrap').css('z-index', '99');
И если не получится то можно сделать еще так.
В конец файла "main.csstemplate".
Добавить код:
#nyroModalFull { z-index:9999; }
#87
Отправлено 15 Март 2013 - 13:07
#88
Отправлено 17 Март 2013 - 10:52
#89
Отправлено 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
Отправлено 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');
#92
Отправлено 19 Март 2013 - 21:40
otdyh-i-son.ru (19 Март 2013 - 14:06) писал:
Как на скрине (некоторые фото одно время почему-то именно так и открывались):
// Настройки галереи изображений $.nyroModalSettings({ // из всех элементов с атрибут rel="gallery" будем создавать галерею gallery: 'gallery', // Включаем прокрутку с последнего изображения на первое galleryLoop: true, });
и заменить на
// Настройки галереи изображений $.nyroModalSettings({ // из всех элементов с атрибут rel="gallery" будем создавать галерею gallery: 'gallery', // Включаем прокрутку с последнего изображения на первое galleryLoop: true, resizable: false, autoSizable: false });
#93
Отправлено 19 Март 2013 - 22:59
#94
Отправлено 23 Март 2013 - 10:14
На странице товара - получилось! Спасибо!
а вот с каталогом - нет
сделала как описано в сообщении #7
для таблицы шаблона Сияние, но у меня Мокко
и все поехало! стали огромные сами изображения товаров, перекрывая всё и вся! Плюс к этому окошечко зума постоянно меняло размер, в зависимости от того на какой товар наводишь.
#95
Отправлено 23 Март 2013 - 10:36
tanch (23 Март 2013 - 10:14) писал:
На странице товара - получилось! Спасибо!
а вот с каталогом - нет
сделала как описано в сообщении #7
для таблицы шаблона Сияние, но у меня Мокко
и все поехало! стали огромные сами изображения товаров, перекрывая всё и вся! Плюс к этому окошечко зума постоянно меняло размер, в зависимости от того на какой товар наводишь.
zoom1.jpg zoom2.jpg
и нагружать страницу что увеличит загрузку страницы с каталогом товаров.
#96
Отправлено 23 Март 2013 - 12:13
Koderhan (23 Март 2013 - 10:36) писал:
и нагружать страницу что увеличит загрузку страницы с каталогом товаров.
Где-то я сегодня напортачила..!!
Пропала стрелочка "ВВЕРХ"
т.е. при обновлении страницы она появляется и сразу исчезает!
Как вернуть???
#97
Отправлено 23 Март 2013 - 12:34
tanch (23 Март 2013 - 12:13) писал:
Где-то я сегодня напортачила..!!
Пропала стрелочка "ВВЕРХ"
т.е. при обновлении страницы она появляется и сразу исчезает!
Как вернуть???
А именно код:
<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
Отправлено 23 Март 2013 - 14:08
Koderhan (23 Март 2013 - 12:34) писал:
А именно код:
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.jcarousel.js"></script> <link rel="stylesheet" href="{ASSETS_STYLES_PATH}carousel.css" type="text/css" />В редакторе тем у вас должны быть эти файлы.
а куда его прописывать???
Количество пользователей, читающих эту тему: 1
0 пользователей, 1 гостей, 0 анонимных