Пример работы слайд-шоу c автоматической сменой слайдов (скрипт main.js) Вы видите ниже. В слайд-шоу - 7 фотографий, но их может быть любое количество.
Для установки слайд-шоу потребуется подгрузка плагинов jQuery. Для этого скачайте архив.
Распаковываем скачанный архив. Файлы jquery-1.5.2.min.js, main.js, main.css - это соответственно библиотека jQuery, плагин слайд-шоу и таблица стилей оформления. Эти файлы положите в корневую папку Вашего сайта (в приведенном примере - папка example). В ту же корневую папку (или другую - в примере папка Slayd) положите все файлы картинок-слайдов. В архиве приведен пример подключения скриптов и каскадных таблиц стилей CSS и код для вывода слайд-шоу на web-странице сайта ucoz - файл readme.txt.
В редакторе web-страницы сайта ucoz (при включённой панели HTML-кодов) прописываем код Листинга 1.
Это стандартное подключение скриптов и каскадных таблиц стилей CSS
Для вывода слайд-шоу на web-странице в редакторе в нужном месте вставляем код Листинга 2.
Здесь сначала идет обычный стиль оформления блока вывода слайд-шоу, а затем перечисление всех фотографий, используемых в слайд-шоу. Для уменьшения размера кода в Листинге 2 показаны только 3 первые фотографии. Как видите, перечисление идет обычным ненумерованным списком. Добавление дополнительных фотографий происходит простым добавлением блока, заключенного в теги <li> </li>.
Примечание: все фотографии должны быть одной высоты и желательно одной ширины и не должны превышать размеры основного окна web-страницы.
А какие параметры отвечают за время показа и скорость смены фотографии? и есть ли еще какие-нить параметры смены картинок?
Ответ: Admin: thomazzz, в плагине слайд-шоу main.js (из скачанного Вами архива), который должен находиться в корневой папке Вашего сайта, время показа слайда задаётся параметром MySlider [в нашем случае MySlider(3000)]. Естественно, чем больше время показа слайда, тем меньше скорость смены слайдов и наоборот.
Как на Ucoz(е) менять время показа слайда и его размеры? Я же не могу просто на него залить ваши скрипты! Вы не объясните?
Ответ: Админ: sayty, по поводу изменения времени показа слайда см. мой ответ "2.thomazzz". Что же касается размеров слайда, то он задаётся размерами фото для слайд-шоу.
Скажите, как изменить ширину слайдшоу, картинки меньше заднего белого фона, в файлике есть такое ".example{background:#FFF;width:720px;border:0 #000 solid;margin:20px", причем если поменять значения, все остается также как и было
