Как Сделать Увеличение Фото По Клику
#1
Отправлено 26 Июль 2013 - 20:00
#2
Отправлено 26 Июль 2013 - 23:29
$(function() { $('a img').each(function(index) { var link = $(this).parent('a'); if(!$(link).attr('rel')) { $(link).attr('rel', 'gallery' + index); } $(link).click(function() { $(this).nyroModalManual(); return(false); }); }); });
после вставляйте в вашу страницу "О Нас" изображения используй разметку
<a href="адрес большого изображения"><img alt="Описание изображения" src="адрес маленького изображения" /></a>
для вставки кода в визуальном редакторе - нажмите кнопку "Источник".
#3
Отправлено 27 Июль 2013 - 08:10
Сake (26 Июль 2013 - 23:29) писал:
$(function() { $('a img').each(function(index) { var link = $(this).parent('a'); if(!$(link).attr('rel')) { $(link).attr('rel', 'gallery' + index); } $(link).click(function() { $(this).nyroModalManual(); return(false); }); }); });
после вставляйте в вашу страницу "О Нас" изображения используй разметку
<a href="адрес большого изображения"><img alt="Описание изображения" src="адрес маленького изображения" /></a>
для вставки кода в визуальном редакторе - нажмите кнопку "Источник".
Открывается в маленькой рамочке.
Что то вообще интересное получилось. Захожу в каталог -> Мальчики а он разворачивается в окошечко, и при удалении товара из корзины так же делает
#4
Отправлено 27 Июль 2013 - 08:14
Гость (27 Июль 2013 - 08:10) писал:
Вы добавили код:
$(function() { $('a img').each(function(index) { var link = $(this).parent('a'); if(!$(link).attr('rel')) { $(link).attr('rel', 'gallery' + index); } $(link).click(function() { $(this).nyroModalManual(); return(false); }); }); });в конец main.js файла?
#8
Отправлено 27 Июль 2013 - 17:21
Гость (27 Июль 2013 - 14:33) писал:
Можно сделать следующее: уберите выше написанные инструкции, зайдите в редактирование страницы "о нас" и вставьте следующий код (в источник)
<p><a href="ссылка на большое изображение" onclick="$(this).nyroModalManual();return(false);" rel="gallery" target="_blank"><img src="ссылка на маленькое изображение" /> </a></p>этот код для одной картинки, соответственно, если Вам нужна еще одна картинка, копируете этот код и вставляете ниже.
Также Вам нужно сделать 2 изображения: в миниатюре и в первоначальном размере. Далее загружайте их в раздел файлы -> копируйте ссылки и вставляйте на нужные месте, указанные в моем коде
#9
Отправлено 28 Июль 2013 - 09:04
support 2.0 (27 Июль 2013 - 17:21) писал:
<p><a href="ссылка на большое изображение" onclick="$(this).nyroModalManual();return(false);" rel="gallery" target="_blank"><img src="ссылка на маленькое изображение" /> </a></p>этот код для одной картинки, соответственно, если Вам нужна еще одна картинка, копируете этот код и вставляете ниже.
Также Вам нужно сделать 2 изображения: в миниатюре и в первоначальном размере. Далее загружайте их в раздел файлы -> копируйте ссылки и вставляйте на нужные месте, указанные в моем коде
#10
Отправлено 29 Июль 2013 - 13:13
Гость (28 Июль 2013 - 09:04) писал:
замените код на этот
<p><a href="http://design.zaichik89.ru/1.jpg" onclick="$(this).nyroModalManual();return(false);" rel="gallery" target="_blank"><img alt="" src="http://design.zaichik89.ru/1mini.jpg" /> </a></p>
P.S.: лучше убирать в конце ссылки ?****
#11
Отправлено 29 Июль 2013 - 16:03
support 2.0 (29 Июль 2013 - 13:13) писал:
<p><a href="http://design.zaichik89.ru/1.jpg" onclick="$(this).nyroModalManual();return(false);" rel="gallery" target="_blank"><img alt="" src="http://design.zaichik89.ru/1mini.jpg" /> </a></p>
P.S.: лучше убирать в конце ссылки ?****
#12
Отправлено 06 Ноябрь 2013 - 16:50
http://babystore72.ru/page/Sertifikaty
#13
Отправлено 06 Ноябрь 2013 - 16:53
giceray (06 Ноябрь 2013 - 16:50) писал:
http://babystore72.ru/page/Sertifikaty
Вы можете удалить из кода строку:
onclick="$(this).nyroModalManual();return(false);"
#14
Отправлено 06 Ноябрь 2013 - 17:28
#15
Отправлено 06 Ноябрь 2013 - 18:39
$(function() { $('a img').each(function(index) { var link = $(this).parent('a'); if(!$(link).attr('rel')) { $(link).attr('rel', 'gallery' + index); } $(link).click(function() { $(this).nyroModalManual(); return(false); }); }); });
#16
Отправлено 09 Ноябрь 2013 - 13:54
#17
Отправлено 12 Ноябрь 2013 - 00:54
#18
Отправлено 28 Февраль 2014 - 14:21
support 2.0 (27 Июль 2013 - 17:21) писал:
<p><a href="ссылка на большое изображение" onclick="$(this).nyroModalManual();return(false);" rel="gallery" target="_blank"><img src="ссылка на маленькое изображение" /> </a></p>этот код для одной картинки, соответственно, если Вам нужна еще одна картинка, копируете этот код и вставляете ниже.
Также Вам нужно сделать 2 изображения: в миниатюре и в первоначальном размере. Далее загружайте их в раздел файлы -> копируйте ссылки и вставляйте на нужные месте, указанные в моем коде
А не подскажете, как добиться, чтобы превьюшки вставали друг за другом в ряд.
А то они у меня столбиком отображаются на сайте. не айс..
#19
Отправлено 01 Март 2014 - 03:40
#20
Отправлено 02 Март 2014 - 10:47
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных