• Страница 1 из 1
  • 1
Форум » Web-Раздел » Начинающему вебмастеру » Переключатель изображений на сайте uCoz
Переключатель изображений на сайте uCoz
ДимДимыч
Понедельник, 02 Января 2017 | Сообщение 1
Оффлайн
Vip
Сообщений:127
Награды: 7
Давно видел такой интересный момент когда нажимаешь на изображение к материалу то есть стрелка переключения на другое изображение, всё это работает если присутствует несколько изображений у материала.



Раньше я прибегал к сторонним решения ибо не знал как сделать по другому, но недавно я всё же нашёл такой код котрый работает на 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 (101.6 Kb)


Сообщение отредактировал
ДимДимыч - Понедельник, 02 Января 2017, 13:17
Страна: (RU)
Kosten
Понедельник, 02 Января 2017 | Сообщение 2
Оффлайн
Администраторы
Сообщений:44355
Награды: 70
ДимДимыч, раньше встречал, но только не на конструкторе, не плохо, сейчас и на систему можно поставить.
Страна: (RU)
ДимДимыч
Понедельник, 02 Января 2017 | Сообщение 3
Оффлайн
Vip
Сообщений:127
Награды: 7
Kosten, Да просто когда то искал нужно было но не нашёл а сейчас вот отрыл его.
Страна: (RU)
Kosten
Понедельник, 02 Января 2017 | Сообщение 4
Оффлайн
Администраторы
Сообщений:44355
Награды: 70
ДимДимыч, нужный код! 09a
Страна: (RU)
Kosten
Понедельник, 02 Января 2017 | Сообщение 5
Оффлайн
Администраторы
Сообщений:44355
Награды: 70
ДимДимыч, так получается, просто если загружать к примеру вид материала и комментариев к нему 5 изображении, то они все появятся. Но когда только одну увеличишь, то и появляется кнопка, но у меня так получается.
Страна: (RU)
ДимДимыч
Понедельник, 02 Января 2017 | Сообщение 6
Оффлайн
Vip
Сообщений:127
Награды: 7
Kosten, Ну да, смысл в том что не нужно закрывать изображения для того что бы увеличить другое а просто листаешь их.
Страна: (RU)
Kosten
Понедельник, 02 Января 2017 | Сообщение 7
Оффлайн
Администраторы
Сообщений:44355
Награды: 70
ДимДимыч, но понял, суть в том, что не нужно на каждое переходить а пролистать можно, просто одно увеличить и все. И для дизайн и вообще для статьи примерно, картинки все должны быть в материале.

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

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

Прикрепления: 3612916.jpg (42.5 Kb)
Страна: (RU)
Rinat1990
Понедельник, 02 Января 2017 | Сообщение 8
Оффлайн
Пользователи
Сообщений:65
Награды: 0
Спасибо! Установил себе на сайт! А то в стоке на шаблоне данной фичи не было!
Страна: (RU)
ДимДимыч
Понедельник, 02 Января 2017 | Сообщение 9
Оффлайн
Vip
Сообщений:127
Награды: 7
Rinat1990, Заметил, норм теперь пользователям сайта будет чуток поудобней.
Страна: (RU)
Kosten
Понедельник, 02 Января 2017 | Сообщение 10
Оффлайн
Администраторы
Сообщений:44355
Награды: 70
Вообще не поймы, почему то еще как битые ссылки на альт появляются, а так все нормально. Вот еще бы сделать, чтоб они под одним размером были, возможно кому то пригодится.

Прикрепления: 7794679.jpg (93.8 Kb)
Страна: (RU)
ДимДимыч
Понедельник, 02 Января 2017 | Сообщение 11
Оффлайн
Vip
Сообщений:127
Награды: 7
Kosten,
Цитата Kosten ()
Вот еще бы сделать, чтоб они под одним размером были, возможно кому то пригодится


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