Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Смена картинки через определенное время!

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки

Открыть новую тему     Написать ответ в эту тему

dron



Full Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Здравствуйте! Знатоки, подскажите, пожалуйста: есть сайт с картинкой. Есть набор из 5 картинок. Надо сделать, чтобы через определенный промежуток времени (2-4 часа) картинка менялась на другую из числа этих 5. Это, кажется, делается с посощью DHTML или Java-Script. Всем спасибо!

Всего записей: 413 | Зарегистр. 20-07-2001 | Отправлено: 12:32 25-02-2004
MKalavera



Full Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
В случае (2-4 часа) это делается не на JavaScript а на сервере программой, написанной напрмер на PHP или ASP или еще-чего много.

Всего записей: 512 | Зарегистр. 03-11-2003 | Отправлено: 15:33 25-02-2004
M AIR J



Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
MKalavera

Цитата:
это делается не на JavaScript а на сервере программой, написанной напрмер на PHP или ASP или еще-чего много.

и на JavaScript можно тоже
можно сравнивать по интервалам времени, например

Код:
 
now=new Date();
var hours=now.getHours()
var img
if (hours>=0 && hours<2){ img="image1.jpg"}
if (hours>=2 && hours<4){ img="image2.jpg"}
if (hours>=4 && hours<6){ img="image3.jpg"}
if (hours>=6 && hours<8){ img="image4.jpg"}
document.write('<img src='+img+'>')
 


----------
MJ

Всего записей: 215 | Зарегистр. 07-04-2003 | Отправлено: 19:36 25-02-2004 | Исправлено: M AIR J, 19:46 25-02-2004
3xp0



Moderator
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Делаешь как слайды
<SCRIPT LANGUAGE="JavaScript">
<!--
var rotate_delay = 5000; // delay in milliseconds (5000 = 5 secs)
current = 0;
function next() {
if (document.slideform.slide[current+1]) {
document.images.show.src = document.slideform.slide[current+1].value;
document.slideform.slide.selectedIndex = ++current;
   }
else first();
}
function previous() {
if (current-1 >= 0) {
document.images.show.src = document.slideform.slide[current-1].value;
document.slideform.slide.selectedIndex = --current;
   }
else last();
}
function first() {
current = 0;
document.images.show.src = document.slideform.slide[0].value;
document.slideform.slide.selectedIndex = 0;
}
function last() {
current = document.slideform.slide.length-1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
}
function ap(text) {
document.slideform.slidebutton.value = (text == "Stop") ? "Start" : "Stop";
rotate();
}
function change() {
current = document.slideform.slide.selectedIndex;
document.images.show.src = document.slideform.slide[current].value;
}
function rotate() {
if (document.slideform.slidebutton.value == "Stop") {
current = (current == document.slideform.slide.length-1) ? 0 : current+1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
window.setTimeout("rotate()", rotate_delay);
   }
}
//  -->
</script>

Всего записей: 6398 | Зарегистр. 22-09-2002 | Отправлено: 23:55 25-02-2004
Tropin



Full Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Извратно уж больно на жабескрипт-то, лучше Perl юзать (правда хостинг нормальный нужен, но этого в задании не упомяналось :)

Всего записей: 538 | Зарегистр. 25-11-2002 | Отправлено: 14:14 26-02-2004
Svarga

Moderator
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Tropin

Цитата:
Извратно уж больно на жабескрипт-то, лучше Perl юзать (правда хостинг нормальный нужен, но этого в задании не упомяналось

Можно данные о последней показанной картинке и время показа в cookie заносить, а при повторном посещении считывать и разбираться, что теперь показывать... т. е. и JavaScript'ом вполне обойтись можно... думаю, что те, кто с отключённым JavaScript'ом забредёт, не очень обидятся, что сменные суперкартинки не увидят

----------
away.

Всего записей: 4161 | Зарегистр. 25-06-2002 | Отправлено: 17:29 26-02-2004 | Исправлено: Svarga, 17:45 26-02-2004
tolyn77



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
не поможете упростить скрипт в 3 посте данной темы?  
мне не нужно слайд шоу, мне нужно что бы после первой картинки появлялась вторая и все.
 
заранее благодарен

Всего записей: 1507 | Зарегистр. 07-09-2004 | Отправлено: 16:04 22-08-2005
webdeveloper



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору

Цитата:
 
now=new Date();  
var hours=now.getHours()  
var img  
if (hours>=0 && hours<2){ img="image1.jpg"}  
if (hours>=2 && hours<4){ img="image2.jpg"}  
if (hours>=4 && hours<6){ img="image3.jpg"}  
if (hours>=6 && hours<8){ img="image4.jpg"}  
document.write('<img src='+img+'>')  

Но ведь нужно чтобы в определеный час выводилась одна картинка для всех? А если у людей разные часовы пояса или неправильно установленно время?

Всего записей: 1373 | Зарегистр. 30-05-2002 | Отправлено: 20:51 22-08-2005 | Исправлено: webdeveloper, 20:52 22-08-2005
8AleX8



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Динамическая смена изображений
Улучшенная динамическая смена изображений

Всего записей: 1813 | Зарегистр. 11-12-2001 | Отправлено: 22:05 22-08-2005
tolyn77



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
8AleX8, имелось ввиду смена картинки на стороне клиента. (ну что то типа анимированного гифа только из 2 картинок).

Всего записей: 1507 | Зарегистр. 07-09-2004 | Отправлено: 08:00 23-08-2005
TimeLord



Junior Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Ну раз анимированный гиф, то я так понимаю перезагрузка страницы отпадает, правильно ? Наверное, PHP или Perl в данном случае не к чему. На JavaScript-е это реализовать вполне можно, через стили, например. Но в общем случае у каждого клиента будет свое время, да.

Всего записей: 100 | Зарегистр. 13-04-2003 | Отправлено: 10:28 23-08-2005
tolyn77



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
TimeLord а как на JavaScript?

Всего записей: 1507 | Зарегистр. 07-09-2004 | Отправлено: 13:47 23-08-2005
TimeLord



Junior Member
Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору
Вот посмотри, не уверен, что это лучшее решение, но подумать уже не успеваю... наклепал, что успел... домой пора... но, думаю, примерно так можно сделать...
 
hxxp://timelord.gorodok.net/js-img/js-img-examp.html

Всего записей: 100 | Зарегистр. 13-04-2003 | Отправлено: 16:11 23-08-2005
tolyn77



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
TimeLord
спасибо то что нужно

Всего записей: 1507 | Зарегистр. 07-09-2004 | Отправлено: 11:04 24-08-2005
Pazan



Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
TimeLord

Цитата:
не уверен, что это лучшее решение,... но, думаю, примерно так можно сделать...

а вот мне нужно:
1. чтобы картинки менялись каждые 43 200 000 мс, начиная с 06:00 по клиентскому времени в компьютере
2. картинок несколько в разных местах веб-страницы
 
это реализуемо?

----------
Почему глупый, потому что бедный... Почему бедный, потому что глупый...

Всего записей: 924 | Зарегистр. 17-11-2002 | Отправлено: 23:34 10-11-2008
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » Web-программирование » Смена картинки через определенное время!


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru