Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.56/9: Рейтинг темы: голосов - 9, средняя оценка - 4.56
1 / 1 / 0
Регистрация: 28.12.2009
Сообщений: 96

Замена картинки

11.08.2012, 17:41. Показов 1777. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Подскажите пожалуйста у меня прога смены картинки при наведении на нее мыши, а можно ли сменять картинку автоматом с интервалом в 3000, если да то как? я вообще в этом чайник...)))

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<body>
    <section>
        <style type="text/css" media="all" scoped>
            a.image {
                display: inline-block;
                width: 100px; height: 100px;
                margin: 0; padding: 0;
                background: transparent url(normal.png);
            }
            a.image:hover { background: transparent url(hovered.png); }
        </style>
        <p><a href="#" class="image"></a></p>
    </section>
    ...
</body>
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
11.08.2012, 17:41
Ответы с готовыми решениями:

замена картинки
Если это запрещено форумом, извиняюсь. В общем есть просьба к тем кто шарит в фотошопе. Есть картинка в общем мне нужно сделать два...

замена чекбоксов на картинки
В интернете нашел много вариантов как заменить но все они сходятся к тому что нужно править сам хтмл код, например &lt;input...

Замена букв в слове на картинки
Всем привет! Нужна помощь. Решил сделать сайтик и не могу осуществить одну задумку. смысл: в поле для ввода вводится слово (на...

3
 Аватар для Soldado
901 / 833 / 198
Регистрация: 28.06.2012
Сообщений: 1,607
Записей в блоге: 4
11.08.2012, 18:42
Если без скриптов, то можно сделать gif-анимационную картинку со сменой изображений. Вот вам демо-версия программы EasyGIFAnimator.rar
1
1 / 1 / 0
Регистрация: 28.12.2009
Сообщений: 96
11.08.2012, 18:48  [ТС]
А можно какой нибудь скрипт дать? на три картинки?
0
 Аватар для Soldado
901 / 833 / 198
Регистрация: 28.06.2012
Сообщений: 1,607
Записей в блоге: 4
11.08.2012, 19:25
Внимательно с именами картинок и папкой для картинок (изменить строки 12, 13, 14, 28):
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<html>
<head>
<title>Автоматическая циклическая смена картинок</title>
</head>
<script language="JavaScript">
i=0;
img_a=new Array()
img_h=new Array()
img_a[0]=new Image()
img_a[1]=new Image()
img_a[2]=new Image()
img_a[0].src="https://www.cyberforum.ru/images/images1.jpeg"
img_a[1].src="https://www.cyberforum.ru/images/images2.jpeg"
img_a[2].src="https://www.cyberforum.ru/images/images3.jpeg"
function img_b()
{
document.images[0].src=img_a[i].src
document.images[0].src=img_a[i].src
document.images[0].src=img_a[i].src
i++
if(i>2) i=0;
setTimeout("img_b()", 3000)
}
 
</script>
</head>
<body onLoad=img_b()>
<img src="https://www.cyberforum.ru/images/images1.jpeg"><br>
</body>
</html>
Время в строке 22, сейчас 3 секунды - 3000 милисекунд
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
11.08.2012, 19:25
Помогаю со студенческими работами здесь

Замена картинки с помощью svg
Сконвертируйте пожалуйста мне эту картинку в svg блок или подскажите может есть конвертеры такие? А не Inskype вроде конвертанул в...

замена картинки на реакцию курсора
цель такая что бы по наведению на картинку она начинала анимировать а именно подсвечиваться. Я думаю это можно сделать так: взять картинку,...

Разместить картинки друг под другом, справа у каждой картинки текстовая информация
Добрый день, уважаемые специалисты. Очень нужен Ваш совет (поиском пользовалась - не нашла в чем ошибка- вроде все правильно)... ...

Размещение картинки внутри картинки
Здравствуйте. Я не могу понять почему у меня накладывающаяся картинка притягивается к верху( Помогите пожалуйста сделать так, чтобы она...

Частичная замена адреса картинки при наведении (замена src при hover)
Доброго! Задача следующая - при наведении на картину нужно изменить в адресе картинки с image.png на image_hover.png причем расширения могу...


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

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
Уведомление о неверно выбранном значении справочника
Maks 06.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА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/
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru