Сообщений в теме: 11

[Ast]

Аккаунт SL-368333

Здравствуйте
На странице товара фото увеличивается по клику. Можно ли использовать этот скрипт чтобы фотографии на страницах увеличивались с таким же эффектом по клику? К примеру добавляя к тэгу картинки класс, она начинает увеличиваться как на странице товара. Спасибо

[Firefly]

Ast (11 Июнь 2016 - 17:52) писал:

Аккаунт SL-368333

Здравствуйте
На странице товара фото увеличивается по клику. Можно ли использовать этот скрипт чтобы фотографии на страницах увеличивались с таким же эффектом по клику? К примеру добавляя к тэгу картинки класс, она начинает увеличиваться как на странице товара. Спасибо

Здравствуйте.
Вам должно подойти решение из данной темы.

[Ast]

Firefly (11 Июнь 2016 - 18:16) писал:

Здравствуйте.
Вам должно подойти решение из данной темы.

Этот вариант работает, но в нем невозможно "листать" фотографии. Приходится закрывать открытую фотографию и открывать новую. Когда на странице будет 10-20 фотографий, которые должны увеличиваться, такой способ неудобен. Нужно чтобы увеличенная фотография имела возможность пролистывать на следующую. Это хорошо реализовано на странице товара. Хотелось бы также на любой другой странице.

[Firefly]

Ast (11 Июнь 2016 - 18:25) писал:

Этот вариант работает, но в нем невозможно "листать" фотографии. Приходится закрывать открытую фотографию и открывать новую. Когда на странице будет 10-20 фотографий, которые должны увеличиваться, такой способ неудобен. Нужно чтобы увеличенная фотография имела возможность пролистывать на следующую. Это хорошо реализовано на странице товара. Хотелось бы также на любой другой странице.

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

<a href="ссылка на оригинальное изображение 1" onclick="$(this).nyroModalManual();return(false);" rel="gallery" class="gallery" target="_blank"><img alt="" src="ссылка на маленькое изображение 1" />&nbsp; &nbsp; </a>
<a href="ссылка на оригинальное изображение 2" onclick="$(this).nyroModalManual();return(false);" rel="gallery" class="gallery" target="_blank"><img alt="" src="ссылка на маленькое изображение 2" />&nbsp;&nbsp; </a>
<a href="ссылка на оригинальное изображение 3" onclick="$(this).nyroModalManual();return(false);" rel="gallery" class="gallery" target="_blank"><img alt="" src="ссылка на маленькое изображение 3" /> </a>

[Ast]

Firefly (11 Июнь 2016 - 20:23) писал:

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

<a href="ссылка на оригинальное изображение 1" onclick="$(this).nyroModalManual();return(false);" rel="gallery" class="gallery" target="_blank"><img alt="" src="ссылка на маленькое изображение 1" />&nbsp; &nbsp; </a>
<a href="ссылка на оригинальное изображение 2" onclick="$(this).nyroModalManual();return(false);" rel="gallery" class="gallery" target="_blank"><img alt="" src="ссылка на маленькое изображение 2" />&nbsp;&nbsp; </a>
<a href="ссылка на оригинальное изображение 3" onclick="$(this).nyroModalManual();return(false);" rel="gallery" class="gallery" target="_blank"><img alt="" src="ссылка на маленькое изображение 3" /> </a>

Спасибо!

[Ast]

SL-389240
Здравствуйте. Поставил внизу главной страницы "карусель", но она "крутит" только 2 картинки. Подскажите пожалуйста в чем проблема? Спасибо

[Stasya]

Ast (21 Июль 2016 - 15:24) писал:

SL-389240
Здравствуйте. Поставил внизу главной страницы "карусель", но она "крутит" только 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);

[Ast]

Stasya (21 Июль 2016 - 17:27) писал:

В файле 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);

Спасибо большое! Работает.

[Dasik851]

Firefly (11 Июнь 2016 - 18:16) писал:

Здравствуйте.
Вам должно подойти решение из данной темы.

Добрый день!

Делаю как в той теме, но почему-то для просмотра большого изображения необходимо дважды щелкнуть мышью. Это только когда впервые заходишь на страницу. Если на этой странице один раз посмотреть увеличенное фото, потом уменьшить его, то для повторного увеличения уже дважды щелкать не требуется. Только когда первый раз увеличиваешь.
И это верно для всех таких фотографий на странице.

Как сделать чтобы с первого щелчка увеличивались?

[Ast]

Здравствуйте
Аккаунт 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

Помогите пожалуйста исправить ошибку. Спасибо

[Ast]

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

Помогите пожалуйста исправить ошибку. Спасибо

Помогите пожалуйста исправить ошибку. Спасибо

[Ast]

Ast (14 Август 2018 - 08:14) писал:

Помогите пожалуйста исправить ошибку. Спасибо

Все ушли на фронт?)