Слайд картинок

голоса: 0
Как мне реализовать так, что бы можно было переключать картинки? Имею виду стрелки, что бы пользователь смог посмотреть дополнительзные изображения.
Адрес сайта http://modelswar3.ucoz.org/
| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: 0
 
Лучший ответ
Пример наведите, где конкретно вы хотите их переключать. Нужно видеть страницу материала на которой всегда будет несколько фото, а не одно главное, если будет одно, то и переключаться будет нечему.
| Автор:
Выбор ответа лучшим | | Автор: Koneko Toujou

https://ibb.co/mW8cN8
что бы по боковой картинке были стрелки для переключения изображения

Koneko Toujou,

Попробуйте в глобальный блок нижняя часть сайта вставить скрипт:

<script type="text/javascript">
$(".col-md-7").each(function() {
$('a[href$=".jpg"], a[href$=".jpeg"], a[href$=".gif"], a[href$=".png"]').addClass('ulightbox').attr("data-fancybox-group", "ultbx");
});
</script>

Yuri_Geruk,
хм, странно, нет переключить возможности. Хоть и загружено 5 изображений.
Koneko Toujou,

Точнее вот так:

<script type="text/javascript">
$("img.img-responsive").each(function() {
$(this).wrap("<a href='" + this.src + "'/>");
$('a[href$=".jpg"], a[href$=".jpeg"], a[href$=".gif"], a[href$=".png"]').addClass('ulightbox').attr("data-fancybox-group", "ultbx");
});
</script>

проверено, работает.

Yuri_Geruk,
Спасибо огромное, но можете помочь еще? Просто в конце выбивает почему то мою аву. Можно запретить это?
Koneko Toujou,
С этим не помогу так как не знаю как запрет прописать на уровне скрипта. Прописано все правильно, только не понятно как фото профиля попало в блок в котором лишь фото материала находится.
...