Понедельник, 13.05.2024, 11:18
Скрипты для Ucoz
Карта сайта
Главная | Галерея Слайдшоу - SlideShow - Скрипты для Ucoz



Книги для вебмастера
Новые сообщения Участники Правила форума Поиск Лента новостей
  • Страница 1 из 1
  • 1
Скрипты для Ucoz » Всё для Ucoz » Скрипты для Ucoz » Галерея Слайдшоу - SlideShow (Скрипты для Ucoz)
Галерея Слайдшоу - SlideShow
bandjukДата: Четверг, 24.11.2011, 13:02 | Сообщение # 1
Генерал-лейтенант
Группа: Администраторы
Пол:
Награды: 22
Репутация: 22
Сообщений: 615
Бог сайта и форума За дизайнерские умения За уважение народа За хорошую посещаемость на форуме за 100 постов
Красивая и простая в установке галерея слайдшоу



На нужную Вам страницу между <head> и </head> ставим код:

Code
<script type="text/javascript">
NewImg = new Array (
"Адрес картинки 1",
"Адрес картинки 1",
"Адрес картинки 3",
"Адрес картинки 4",
"Адрес картинки 5"
);
var ImgNum = 0;
var ImgLength = NewImg.length - 1;

//Time delay between Slides in milliseconds
var delay = 3000;

var lock = false;
var run;
function chgImg(direction) {
if (document.images) {
ImgNum = ImgNum + direction;
if (ImgNum > ImgLength) {
ImgNum = 0;
}
if (ImgNum < 0) {
ImgNum = ImgLength;
}
document.slideshow.src = NewImg[ImgNum];
          }
}
function auto() {
if (lock == true) {
lock = false;
window.clearInterval(run);
}
else if (lock == false) {
lock = true;
run = setInterval("chgImg(1)", delay);
          }
}
</script>


где, "Адрес картинки №..." - указываете адреса всех своих картинок.

Этот код между <body>и </ body>

Code
<h1><CENTER>Галерея Слайдшоу - SlideShow</CENTER></h1>

<table border="0" cellpadding="0" cellspacing="0" width="440" id="table1" align="center">
<tr>
<td colspan="3" align="center"><img src="Адрес картинки, с которой будет начинаться показ" name="slideshow"width="70%"><br><br></td>
</tr>
<tr>
<td align="center"><a href="javascript:chgImg(-1)"><<< Предыдущая </a></td>
<td align="center"><a href="javascript:auto()">| Слайдшоу/Стоп |</a></td>
<td align="center"><a href="javascript:chgImg(1)"> Следующая >>></a></td>
</tr>
</table>


где, width="70%" - фиксированная длина фоток
или можно задать ширину фоток height="%"
Если у Вас будут фотографии разного размера, то лучше задавать один из параметров!

Ссылки "Назад" "Вперёд", при желании можно заменить на изображения, или создать кнопки!

Материалы на эту же тему:

Скрипт Новогодняя кнопка вверх для сайта uCoz
Скрипт "Зима"
Скрипт "Осень"
Яндекс Краски на вашем сайте
Изменение фона на странице "Ответ добавлен" (на форуме)
Новые иконки групп пользователей для сайта Ucoz
Скрипт "Красивый сворачивающийся мини профиль+форма входа"
Замена иконок Изменить, Удалить тему на форуме Ucoz
Скрипт "Красивый информер обоев на Ваш сайт"
Ещё один информер обоев для Вашего сайта
Скрипт "Усовершенствованный вид фотоальбома"
Скрипт "Красивый вид фотографий"
Скрипт "Красивый вид изменения репутации пользователей"
Скрипт "Красивая персональная страница пользователя"
Как изменить цвет групп пользователей (цвет ника)
Скрипт "Ссылки плавно меняют цвет при наведении"[color=red]
 
Скрипты для Ucoz » Всё для Ucoz » Скрипты для Ucoz » Галерея Слайдшоу - SlideShow (Скрипты для Ucoz)
  • Страница 1 из 1
  • 1
Поиск:

Яндекс.Метрика
Copyright Глюк Рекордс © 2024

Создать бесплатный сайт с uCoz