Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.86/21: Рейтинг темы: голосов - 21, средняя оценка - 4.86
1 / 1 / 1
Регистрация: 24.05.2013
Сообщений: 15

Смена картинок по таймеру

14.03.2014, 04:31. Показов 4340. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Доброго времени суток, уважаемые форумчане!

Задача поставлена следующим образом:
При переходе на веб-страницу в фоне отображается анимация, затем, через 4,5 секунды она меняется на статическую картинку. Ещё через секунду на фон ложится кликабельная картинка, при нажатии на которую, разворачивается окно плеера ютубы.

Суть проблемы:
Два дня гугл-сёрфинга не решает воспроизведения .gif -> .jpg-> .png


Заранее благодарен.
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
14.03.2014, 04:31
Ответы с готовыми решениями:

Смена изображений по таймеру
создать веб-страницу,на которой происходит смена изображений по таймеру и при наведении на них мыши.

Смена изображения по таймеру
помогите кодом пожалуйста сначало img1.jpg через 5 сек желательно с эффектом исчезания и появления появлялась img2.jpg потом img3.jpg ...

Смена изображения по таймеру в таблице
Здравствуйте! Тут такая проблема, есть таблица 3 на 3, внутри каждой ячейки находиться изображение, по истечению времени, нужно ее сменить....

1
19 / 19 / 6
Регистрация: 09.04.2010
Сообщений: 123
14.03.2014, 08:10
Лучший ответ Сообщение было отмечено izbranniy как решение

Решение

используйте функуию SetTimeout и поочередно запускайте нужные Вам события, например:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
function second_passed() {
  alert("прошла 4.5 секунды");
  //тут меняете картинку
  setTimeout(function() {}, 1000); //тут ложите кликабельную картинку с соотвествующим обработчиком
}
 
//для проверки загружена ли анимация можно воспользоватся jQuery и уже тогда запускать таймер
$('#image1')
    .load(function(){
        setTimeout(second_passed, 4500);    
    })
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
14.03.2014, 08:10
Помогаю со студенческими работами здесь

Смена фонового изображения и теста по таймеру
Есть блок div с фонового изображения и в нем текстовая гиперссылка <div style="background-image: url(img/showBG1.png); .... "> ...

Смена картинок
Помогите, пожалуйста, сделать, чтобы одна картинка с середины при нажатии на слайд уплывала влево, а другая приплывала справа на ее место....

Смена картинок
У меня на denwer'е есть сайт, на одной страничке есть блок в котором изменяются картинки на javascript, т.к я не хочу применять jquery. ...

Смена картинок некорректно
Доброго времени суток, господа! На криво сайте http://ex-games.net/ на гл.стр. есть криво JavaScript который криво листает картинки,...

Параллельная смена картинок
Доброго всем времени суток)) Есть код для смены картинок через <select> <!-- function changeImage(form) { ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt
8Observer8 05.04.2026
Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .
AkelPad-скрипты, структуры, и немного лирики..
testuser2 05.04.2026
Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
Отображение реквизитов в документе по условию и контроль их заполнения
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .
Фото всей Земли с борта корабля Orion миссии Artemis II
kumehtar 04.04.2026
Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .
Программный контроль заполнения реквизитов табличной части документа
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .
wmic не является внутренней или внешней командой
Maks 02.04.2026
Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/
Программная установка даты и запрет ее изменения
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru