Меняющиеся фотографии в шапке сайта

голоса: 0
Здравствуйте, хочу сделать в шапку сайта вместо логотипа меняющиеся фотографии.
Что-то вроде этого http://summertime.ucoz.net/ или этого http://ulab.at.ua/
Что нужно для этого? Специальный шаблон? Или такую штуку можно сделать и для моего шаблона? Либо подскажите как это называется, чтобы можно было поискать в гугле.
Заранее спасибо.
Адрес сайта baza-sobolek.ru
| Автор: | Категория: Дизайн сайта
Дайте картинку как вы хотите чтобы слайдер выглядел на странице.

Ответов: 2

голоса: 0
 
Лучший ответ

Для слайдера надо заранее подготовить контейнер в шаблоне верхней части сайта, или использовать глобальные блоки. Другое дело, какова ваша цель. Если вы планируете к картинкам привязать ссылки, это будет оправдано. Но если должны меняться только картинки, и вам не очень хочется ковыряться в шаблонах и стилях, можно использовать гиф-анимацию. Её можно подготовить самостоятельно с помощью фотошопа или другой программы. Есть также простые онлайн сервисы. Например http://gifovina.ru/.

Достаточно подготовить несколько картинок (желательнов в формате .gif) для вашего случая 895х255. Войти в сервис настроить размеры и эффекты (можно  без эффектов, т.к. они в разы утяжеляют картинки). Сохраняете на компьютере и закачиваете в файловый мененжер. Копируете ссылку и в шаблон верхней части в коде 

<div id="uCozHeaderMain" style="/uCozHeader.png') no-repeat; height: 255px; width: 895px; margin: auto;position: relative;top:-23px;background-size: 100%;border-radius: 10px;">

 

Заменяете /uCozHeader.png н новый адрес картинки. Больше ничего не надо делать. Совет: не увлекайтесь количеством (достаточно 3-4) и эффектами, иначе страница будет долго грузиться.

| Автор:
Выбор ответа лучшим | | Автор: Роман Назарук
Спасибо! Попробую обязательно
голоса: 0
Это называйтся слайдер! Чтобы его правильно внедрить именно в ваш шаблон, можете обратиться сюда: upartner.pro
| Автор:
http://manual.ucoz.net/board/10-1-0-462
я нашел статью со слайдером, но не совсем понимаю куда нужно вставить код JavaScript'a
...