Увеличение Фотографий По Клику
#1
Отправлено 11 Июнь 2016 - 17:52
Здравствуйте
На странице товара фото увеличивается по клику. Можно ли использовать этот скрипт чтобы фотографии на страницах увеличивались с таким же эффектом по клику? К примеру добавляя к тэгу картинки класс, она начинает увеличиваться как на странице товара. Спасибо
#2
Отправлено 11 Июнь 2016 - 18:16
Ast (11 Июнь 2016 - 17:52) писал:
Здравствуйте
На странице товара фото увеличивается по клику. Можно ли использовать этот скрипт чтобы фотографии на страницах увеличивались с таким же эффектом по клику? К примеру добавляя к тэгу картинки класс, она начинает увеличиваться как на странице товара. Спасибо
Здравствуйте.
Вам должно подойти решение из данной темы.
#3
Отправлено 11 Июнь 2016 - 18:25
Firefly (11 Июнь 2016 - 18:16) писал:
Этот вариант работает, но в нем невозможно "листать" фотографии. Приходится закрывать открытую фотографию и открывать новую. Когда на странице будет 10-20 фотографий, которые должны увеличиваться, такой способ неудобен. Нужно чтобы увеличенная фотография имела возможность пролистывать на следующую. Это хорошо реализовано на странице товара. Хотелось бы также на любой другой странице.
#4
Отправлено 11 Июнь 2016 - 20:23
Ast (11 Июнь 2016 - 18:25) писал:
Для того, чтобы изображения перелистывались, достаточно в инструкции по ссылке выше к ссылкам добавить одинаковый класс.
Чтобы код выглядел так:
<a href="ссылка на оригинальное изображение 1" onclick="$(this).nyroModalManual();return(false);" rel="gallery" class="gallery" target="_blank"><img alt="" src="ссылка на маленькое изображение 1" /> </a> <a href="ссылка на оригинальное изображение 2" onclick="$(this).nyroModalManual();return(false);" rel="gallery" class="gallery" target="_blank"><img alt="" src="ссылка на маленькое изображение 2" /> </a> <a href="ссылка на оригинальное изображение 3" onclick="$(this).nyroModalManual();return(false);" rel="gallery" class="gallery" target="_blank"><img alt="" src="ссылка на маленькое изображение 3" /> </a>
#5
Отправлено 12 Июнь 2016 - 09:03
Firefly (11 Июнь 2016 - 20:23) писал:
Чтобы код выглядел так:
<a href="ссылка на оригинальное изображение 1" onclick="$(this).nyroModalManual();return(false);" rel="gallery" class="gallery" target="_blank"><img alt="" src="ссылка на маленькое изображение 1" /> </a> <a href="ссылка на оригинальное изображение 2" onclick="$(this).nyroModalManual();return(false);" rel="gallery" class="gallery" target="_blank"><img alt="" src="ссылка на маленькое изображение 2" /> </a> <a href="ссылка на оригинальное изображение 3" onclick="$(this).nyroModalManual();return(false);" rel="gallery" class="gallery" target="_blank"><img alt="" src="ссылка на маленькое изображение 3" /> </a>
#6
Отправлено 21 Июль 2016 - 15:24
Здравствуйте. Поставил внизу главной страницы "карусель", но она "крутит" только 2 картинки. Подскажите пожалуйста в чем проблема? Спасибо
#7
Отправлено 21 Июль 2016 - 17:27
Ast (21 Июль 2016 - 15:24) писал:
Здравствуйте. Поставил внизу главной страницы "карусель", но она "крутит" только 2 картинки. Подскажите пожалуйста в чем проблема? Спасибо
В файле jquery-ui.min.js найдите строку
var viewWindow = 4//Math.round(jQuery('.box-top').width()/li_width);и замените ее на
var viewWindow = 1//Math.round(jQuery('.box-top').width()/li_width);
#9
Отправлено 25 Февраль 2018 - 23:13
Firefly (11 Июнь 2016 - 18:16) писал:
Добрый день!
Делаю как в той теме, но почему-то для просмотра большого изображения необходимо дважды щелкнуть мышью. Это только когда впервые заходишь на страницу. Если на этой странице один раз посмотреть увеличенное фото, потом уменьшить его, то для повторного увеличения уже дважды щелкать не требуется. Только когда первый раз увеличиваешь.
И это верно для всех таких фотографий на странице.
Как сделать чтобы с первого щелчка увеличивались?
#10
Отправлено 10 Август 2018 - 09:18
Аккаунт SL-393872
Прикрутил скрипт "увеличение фото при клике"
<!--Увеличение изображений-->
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}lightzoom.css" type="text/css" />
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}lightzoom.js"></script>
<script type="text/javascript">jQuery('.lightzoom').lightzoom({speed: 400, viewTitle: true});</script>
<!--Конец увеличение изображений-->
как в примере https://codernote.ru/lightzoom/ Но сайт стал выдавать JS ошибку и конечно картинка не увеличивается . Страница теста /page/test
Помогите пожалуйста исправить ошибку. Спасибо
#11
Отправлено 14 Август 2018 - 08:14
Ast (10 Август 2018 - 09:18) писал:
Аккаунт SL-393872
Прикрутил скрипт "увеличение фото при клике"
<!--Увеличение изображений-->
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}lightzoom.css" type="text/css" />
<script type="text/javascript" src="{ASSETS_JS_PATH}jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="{ASSETS_JS_PATH}lightzoom.js"></script>
<script type="text/javascript">jQuery('.lightzoom').lightzoom({speed: 400, viewTitle: true});</script>
<!--Конец увеличение изображений-->
как в примере https://codernote.ru/lightzoom/ Но сайт стал выдавать JS ошибку и конечно картинка не увеличивается . Страница теста /page/test
Помогите пожалуйста исправить ошибку. Спасибо
Помогите пожалуйста исправить ошибку. Спасибо
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных