Приветствую Вас, Гость | RSS
Понедельник, 22.12.2025, 18:30
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Картинки с ручным и автопросмотром в глобальном блоке
GIGABITEДата: Вторник, 19.07.2011, 08:21 | Сообщение # 1
Посмотрел
Группа: Пользователи
Сообщений: 163
Репутация: 4
Статус: Не в сети


1. Создаём глобальный блок или контейнер и называем - "картинки" или как душе угодно...

В нём пишем:

Code
<center>
<img src="http://www.meeting.clan.su/_ph/18/1/88461701.jpg" name="slideshow">
<table>
<tr>
<td align="right"><a href="javascript:chgImg(-1)">Назад</a></td>
<td align="center"><a href="javascript:auto()">Авто / Стоп</a></td>
<td align="left"><a href="javascript:chgImg(1)">Вперёд</a></td>
</tr>
</table>
<br><a href="http://www.meeting.clan.su/photo">Смотреть галереи</a>
</center>


В этом коде -
Code
<img src="http://www.meeting.clan.su/_ph/18/1/88461701.jpg" name="slideshow">
- будет всегда стартовой картинкой

2. Ищем - Управление дизайном - редактор страниц - страницы сайта. Перед </head> пишем:

Code
<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Mike Canonigo (mike@canonigo.com) -->
<!-- Web Site: http://www.munkeehead.com -->

<!-- Begin
NewImg = new Array (
"http://www.meeting.clan.su/_ph/32/1/535628083.jpg",
"http://www.meeting.clan.su/_ph/32/1/388772111.jpg",
"http://www.meeting.clan.su/_ph/28/1/423834549.jpg",
"http://www.meeting.clan.su/_ph/32/1/281941483.jpg",
"http://www.meeting.clan.su/_ph/17/1/915840300.jpg",
"http://www.meeting.clan.su/_ph/17/1/547480400.jpg",
"http://www.meeting.clan.su/_ph/17/1/487388967.jpg",
"http://www.meeting.clan.su/_ph/17/1/303052623.jpg",
"http://www.meeting.clan.su/_ph/17/1/445638013.jpg",
"http://www.meeting.clan.su/_ph/17/1/160727078.jpg",
"http://www.meeting.clan.su/_ph/17/1/261846215.jpg",
"http://www.meeting.clan.su/_ph/17/1/441571927.jpg",
"http://www.meeting.clan.su/_ph/32/1/875802451.jpg",
"http://www.meeting.clan.su/_ph/32/1/13275174.jpg",
"http://www.meeting.clan.su/_ph/32/1/91569337.jpg",
"http://www.meeting.clan.su/_ph/32/1/374936823.jpg",
"http://www.meeting.clan.su/_ph/25/1/227942719.jpg"
);
var ImgNum = 0;
var ImgLength = NewImg.length - 1;

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

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);
}
}
// End -->
</script>

Впоследствии там меняем и добавляем ссылки на изображения.
А в этой части кода меняем скорость прокрутки изображений
//Time delay between Slides in milliseconds
var delay = 1000;


Всё, спасибо за внимание!


 
  • Страница 1 из 1
  • 1
Поиск:

Copyright MyCorp © 2025 | Хостинг от uCoz