» »

Стандартное перелистывание картинок на сайте

Стандартное перелистывание картинок на сайте

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

По этой теме уже было писано на форуме, там вы все подробно можете узнать, как установить переключатель, который будет показываться при наведение на изображение.Это системное окно ulightbox, и если уже картинка обвернута в этот класс class="ulightbox" и увеличивается так просто нужно добавить data-fancybox-group="ulightboxgroup", чтоб появились стрелки. Все создается на странице материала, если там есть группа картинок, а если одна была бы так эти стрелки там не нужны. Можно так же поставить на вид материалов и перелистывать картинки к материалам.

Переходим на форум, на эту тему поста, где написано все очень понятно по установке на сайт функций перелистывание картинок.
24.05.2017 Просмотров: 402 Комментарий: (8)

Поделиться в социальных сетях

Материал разместил

Комментарий: 8
Gerat
Gerat 24.05.2017 16:011
0
Это хорошо для кино сайтов, или для софта, если как здесь одна картинка, то этот скрипт совершенно не нужен. Он работает под операторы, если вы ссылкой поставите картинку, то такого не будет.
Kosten
Kosten 24.05.2017 16:222
0
Как раз на кино сайте установлен он и полностью работает, в нем только один минус заметил, это размер изображение, что кнопка пролистать в разном месте оказывается
ucozmental
ucozmental 25.05.2017 21:253
0
Фактически, здесь все понятно, что нужно сделать.
Kosten
Kosten 25.05.2017 22:314
0
Но кому как, кому то нужно все популярно и на скринах приводить, что где поменять.
na3uTuB4uk
na3uTuB4uk 26.05.2017 10:175
+1
Я делаю всегда так и все отлично работает и проблем нет)
Код
<a href="Картинка" class="ulightbox" rel="group"><img src="Картинка"></a>
Kosten
Kosten 26.05.2017 12:586
0
na3bka, привет, суть понятно, у вас как раз на сайте, такая функция нужна, так как в материале всегда идет несколько изображений.
Zveraboy
Zveraboy 13.07.2017 11:517
0
\кто подскажет как края картинок закруглить чуть чуть
у меня вот так получилось
Show hidden text
Kosten
Kosten 13.07.2017 17:198
0
За края отвечает этот стиль, он выставлен на 5 пикселей, чтоб закруглить. border-radius: 5px;

Есть тема, где задают вопросы, создавайте и пишите, что да как - http://zornet.ru/forum/115
avatar