Страница 1 из 11
Форум про uCoz » Все для вебмастера » Начинающий Вебмастер » Переключатель изображений на сайте uCoz
Переключатель изображений на сайте uCoz
ДимДимыч
Дата: Понедельник, 02.01.2017, 13:16 | Сообщение # 1
Vip
Сообщений:123
Награды: 6


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



Раньше я прибегал к сторонним решения ибо не знал как сделать по другому, но недавно я всё же нашёл такой код котрый работает на uCoz.

Код
<a href="$IMG_URL2$" style="background-image:url($IMG_URL2$)" rel="group1" class="ulightbox"><img src="$IMG_URL2$" alt="Pirate Storm1" /></a><a href="$IMG_URL3$" style="background-image:url($IMG_URL3$)" rel="group1" class="ulightbox"><img src="$IMG_URL3$" alt="Pirate Storm2" /></a><a href="$IMG_URL4$" style="background-image:url($IMG_URL4$)" rel="group1" class="ulightbox"><img src="$IMG_URL4$" alt="Pirate Storm3" /></a>


Там где видите
Код
$IMG_URL2$

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

Код который я вам дал ставите в любое место на сайте и радуетесь :) работает сто процентов.
Прикрепления: 5518892.jpg(102Kb)


Сообщение отредактировал
ДимДимыч - Понедельник, 02.01.2017, 13:17
Страна: (RU)
Kosten
Дата: Понедельник, 02.01.2017, 13:30 | Сообщение # 2
Администраторы
Сообщений:15490
Награды: 50


ДимДимыч, раньше встречал, но только не на конструкторе, не плохо, сейчас и на систему можно поставить.
Страна: (RU)
ДимДимыч
Дата: Понедельник, 02.01.2017, 13:35 | Сообщение # 3
Vip
Сообщений:123
Награды: 6


Kosten, Да просто когда то искал нужно было но не нашёл а сейчас вот отрыл его.
Страна: (RU)
Kosten
Дата: Понедельник, 02.01.2017, 13:43 | Сообщение # 4
Администраторы
Сообщений:15490
Награды: 50


ДимДимыч, нужный код! 09a
Страна: (RU)
Kosten
Дата: Понедельник, 02.01.2017, 13:55 | Сообщение # 5
Администраторы
Сообщений:15490
Награды: 50


ДимДимыч, так получается, просто если загружать к примеру вид материала и комментариев к нему 5 изображении, то они все появятся. Но когда только одну увеличишь, то и появляется кнопка, но у меня так получается.
Страна: (RU)
ДимДимыч
Дата: Понедельник, 02.01.2017, 13:56 | Сообщение # 6
Vip
Сообщений:123
Награды: 6


Kosten, Ну да, смысл в том что не нужно закрывать изображения для того что бы увеличить другое а просто листаешь их.
Страна: (RU)
Kosten
Дата: Понедельник, 02.01.2017, 14:02 | Сообщение # 7
Администраторы
Сообщений:15490
Награды: 50


ДимДимыч, но понял, суть в том, что не нужно на каждое переходить а пролистать можно, просто одно увеличить и все. И для дизайн и вообще для статьи примерно, картинки все должны быть в материале.

Закину на главную страницу как материал.

Проверил, все работает.

Прикрепления: 3612916.jpg(43Kb)
Страна: (RU)
Rinat1990
Дата: Понедельник, 02.01.2017, 17:05 | Сообщение # 8
Пользователи
Сообщений:65
Награды: 0


Спасибо! Установил себе на сайт! А то в стоке на шаблоне данной фичи не было!
Страна: (RU)
ДимДимыч
Дата: Понедельник, 02.01.2017, 17:37 | Сообщение # 9
Vip
Сообщений:123
Награды: 6


Rinat1990, Заметил, норм теперь пользователям сайта будет чуток поудобней.
Страна: (RU)
Kosten
Дата: Понедельник, 02.01.2017, 19:03 | Сообщение # 10
Администраторы
Сообщений:15490
Награды: 50


Вообще не поймы, почему то еще как битые ссылки на альт появляются, а так все нормально. Вот еще бы сделать, чтоб они под одним размером были, возможно кому то пригодится.

Прикрепления: 7794679.jpg(94Kb)
Страна: (RU)
ДимДимыч
Дата: Понедельник, 02.01.2017, 20:49 | Сообщение # 11
Vip
Сообщений:123
Награды: 6


Kosten,
Цитата Kosten ()
Вот еще бы сделать, чтоб они под одним размером были, возможно кому то пригодится


Это уже каждый сам под свой сайт сделает, под дизайн и под размер.
Страна: (RU)
Форум про uCoz » Все для вебмастера » Начинающий Вебмастер » Переключатель изображений на сайте uCoz
Страница 1 из 11
Поиск: