Ротатор случайных картинок (Deff)
Cлучайная картинка
Картинка переключается случайным образом и при обновлении страницы и через заданный промежуток времени
Если второе не нужно, выставляйте большой промежуток времени: час-два.
Код ставим туда, где надо, чтобы отражалась картинка.
Если нужно центрировать, заключаем в теги <center>:
Сам Код:
100 - высота картинки (если нужно фиксировать ширину - меняем в коде height на width)
Красным - любое количество собственных картинок (ставим собственные ссылки)
1 секунда - 1000 тиков
в часе - 3600000 тиков
Другой вариант ротатора картинок (автор неизвестен):
в скрипты:
туда, где будут картинки:
красное - адреса картинок
синее - цвет фона
зеленое - адрес картинки, отображаемой первой
розовое - ширина и высота картинок
серое - время смены картинки (1000 = 1 секунда)
Картинка переключается случайным образом и при обновлении страницы и через заданный промежуток времени
Если второе не нужно, выставляйте большой промежуток времени: час-два.
Код ставим туда, где надо, чтобы отражалась картинка.
Если нужно центрировать, заключаем в теги <center>:
Цитата
<center>Тут Весь наш код </center>
Сам Код:
Цитата
<div id="My_IMG"><!-- Случайная Картинка -->
<img height="100" border="1" src="Ссылка на 1-ю картинку"/>
<script type="text/javascript">
var tik = 5000; // Время отображения(в дан.случ. 5сек);
ImgA = new Array (
"http://forums.0pk.ru/img/smilies/MyBB/dark/angry.gif",
"http://forums.0pk.ru/img/smilies/MyBB/dark/blink.gif",
"http://forums.0pk.ru/img/smilies/MyBB/dark/canthearyou.gif",
"http://forums.0pk.ru/img/smilies/MyBB/dark/mad.gif",
"http://forums.0pk.ru/img/smilies/MyBB/dark/mybb.gif",
"http://forums.0pk.ru/img/smilies/MyBB/dark/music.gif",
"http://forums.0pk.ru/img/smilies/MyBB/dark/offtop.gif",
"http://forums.0pk.ru/img/smilies/MyBB/dark/writing.gif",
"End");var i=Math.round(Math.random()*(ImgA.length-1));randomIMG(i);function randomIMG(i){if( i >= ImgA.length-1){i=0};$("#My_IMG img").attr("src",ImgA[i]);var i=Math.round(Math.random()*(ImgA.length-1));j = i;timerID = setTimeout("randomIMG(j)",tik);};</script></div><!-- /End/Случ.Картинк. -->
<img height="100" border="1" src="Ссылка на 1-ю картинку"/>
<script type="text/javascript">
var tik = 5000; // Время отображения(в дан.случ. 5сек);
ImgA = new Array (
"http://forums.0pk.ru/img/smilies/MyBB/dark/angry.gif",
"http://forums.0pk.ru/img/smilies/MyBB/dark/blink.gif",
"http://forums.0pk.ru/img/smilies/MyBB/dark/canthearyou.gif",
"http://forums.0pk.ru/img/smilies/MyBB/dark/mad.gif",
"http://forums.0pk.ru/img/smilies/MyBB/dark/mybb.gif",
"http://forums.0pk.ru/img/smilies/MyBB/dark/music.gif",
"http://forums.0pk.ru/img/smilies/MyBB/dark/offtop.gif",
"http://forums.0pk.ru/img/smilies/MyBB/dark/writing.gif",
"End");var i=Math.round(Math.random()*(ImgA.length-1));randomIMG(i);function randomIMG(i){if( i >= ImgA.length-1){i=0};$("#My_IMG img").attr("src",ImgA[i]);var i=Math.round(Math.random()*(ImgA.length-1));j = i;timerID = setTimeout("randomIMG(j)",tik);};</script></div><!-- /End/Случ.Картинк. -->
100 - высота картинки (если нужно фиксировать ширину - меняем в коде height на width)
Красным - любое количество собственных картинок (ставим собственные ссылки)
1 секунда - 1000 тиков
в часе - 3600000 тиков
Другой вариант ротатора картинок (автор неизвестен):
в скрипты:
Цитата
<script language="JavaScript">
imgnum=0
// Начальные значения рисунков
slideimg=new Array()
slideimg[0]=new Image()
slideimg[1]=new Image()
slideimg[2]=new Image()
slideimg[3]=new Image()
// Здесь указываются рисунки, которые будут показываться
slideimg[0].src="slidimg1.gif"
slideimg[1].src="slidimg2.gif"
slideimg[2].src="slidimg3.gif"
slideimg[3].src="slidimg4.gif"
function showslides(){
document.images[0].src=slideimg[imgnum].src
imgnum++
if(imgnum==4) // Количество показываемых рисунков
imgnum=0;
// Здесь задаётся время, через которое будут меняться рисунки (1000 = 1 секунда)
setTimeout("showslides()", 2000) }
</script>
imgnum=0
// Начальные значения рисунков
slideimg=new Array()
slideimg[0]=new Image()
slideimg[1]=new Image()
slideimg[2]=new Image()
slideimg[3]=new Image()
// Здесь указываются рисунки, которые будут показываться
slideimg[0].src="slidimg1.gif"
slideimg[1].src="slidimg2.gif"
slideimg[2].src="slidimg3.gif"
slideimg[3].src="slidimg4.gif"
function showslides(){
document.images[0].src=slideimg[imgnum].src
imgnum++
if(imgnum==4) // Количество показываемых рисунков
imgnum=0;
// Здесь задаётся время, через которое будут меняться рисунки (1000 = 1 секунда)
setTimeout("showslides()", 2000) }
</script>
туда, где будут картинки:
Цитата
<body bgcolor="#FFFFFF" onLoad="showslides()">
<p><img src="slidimg1.gif" width="171" height="95"></p>
<p><img src="slidimg1.gif" width="171" height="95"></p>
красное - адреса картинок
синее - цвет фона
зеленое - адрес картинки, отображаемой первой
розовое - ширина и высота картинок
серое - время смены картинки (1000 = 1 секунда)
Просмотров: 650, Загрузок: 0, Оценка: 5.0 (1)
| Страницы: | |