Question

Здравствуйте, есть ли какой нибудь код чтобы сделать каскад из фотографий на uCoz (чтобы они менялись и так же их собственно ручно можно было листать) как на этом сайте (а именно на этой странице) https://gyrkraeved.wixsite.com/gyrkraeved/untitled-c7os (я про те которые сразу под шапкой сайта)?

Answer 1

Вот вам несколько примеров таких слайдеров:

1. https://codepen.io/ImBobby/pen/uKbnl
2. https://codepen.io/dudleystorey/pen/kiajB
3. http://paio-co-kr.github.io/carousel-3d/

Comments

мы вставляем HTML код в верхнюю часть сайта, потом CSS - просто картинки в шапке появляются. Смотрели гайды как делать - они файлы скачивают в файловый менеджер и потом с ними делают манупуляции (стили вроде как) а тут такого нет. Или не поглазам.

---

Марина Обухова,

Стили в показаны в блоке CSS http://joxi.ru/vAWzDJ5T1pYbB2

---

Yuri_Geruk,

Здравствуйте еще раз, а вы можете прислать поледовательность как писать код для слайдера. Получаются только картинки статические. Тоесть просто код прислать - хоть с теми же картинками, но чтобы это работало как слайдер.(чтобы можно было вставить в блок верхней шапки сайта) Почему то не получается или коды не работают.

---

Марина Обухова,

Вам выше предоставили примеры, за вас вам могут настроить фрилансеры на https://upartner.pro/ или https://divly.ru/

---

Yuri_Geruk,

Здравствуйте, не можем разобраться, как скачать файлом с https://codepen.io/dudleystorey/pen/kiajB стили CSS (чтобы потом загрузить в файловый менеджер) или их просто скопировать и вставить в текстовый документ(и приписать какоето расширение чтобы работало, а потом загрузить в файловый менеджер)

---

Марина Обухова,

1. Первая часть HTML это тот код который нужно вставлять в том месте где отображать каскад.
2. CSS - это вставить в таблицу стилей CSS у себя на сайте.
3. JS данный скрипт:

<script type="text/javascript"> 
 var angle = 0;
function galleryspin(sign) { 
spinner = document.querySelector("#spinner");
if (!sign) { angle = angle + 45; } else { angle = angle - 45; }
spinner.setAttribute("style","-webkit-transform: rotateY("+ angle +"deg); -moz-transform: rotateY("+ angle +"deg); transform: rotateY("+ angle +"deg);");
}
</script>

вставить внизу под кодом HTML там где будете встраивать код HTML каскада фото.

---

Yuri_Geruk,

http://probnuycbs.ucoz.net/ ну вот на пробном сайте пробуем, не выходит

---

Марина Обухова,

Пробуйте вариант http://paio-co-kr.github.io/carousel-3d/