Подскажите, пожалуйста, скрипт, чтобы изменять в таблице картинки при наведении курсора?
Смена картинок
Страница: 1
Сообщений 1 страница 4 из 4
ПеревестиПоделиться1Вс, 9 Май 2010 23:50:05
- Заслуженный
- Зарегистрирован: Ср, 25 Ноя 2009
- Сообщений: 244
- Уважение: 0
- Позитив: +80
- Пол: Женский
- Последний визит:
Вс, 3 Янв 2016 11:21:40
ПеревестиПоделиться2Пн, 10 Май 2010 00:25:54
- Стремясь к новому...
- Зарегистрирован: Вс, 12 Окт 2008
- Сообщений: 22652
- Уважение: +4739
- Позитив: +3431
- Пол: Мужской
- Предупреждения: ‡ 1. 2. 3. ... 10!
- Последний визит:
Вс, 14 Мар 2021 21:42:57
Caroline написал(а):
Подскажите, пожалуйста, скрипт, чтобы изменять в таблице картинки при наведении курсора?
Caroline
Здравствуйте.
<img src="Адрес обычного изображения" onmouseover="document.banner.src='Адрес изображения при наведении';" onmouseout="document.banner.src='Адрес обычного изображения';" name="banner">
Выделенное должно быть уникальным для каждого нового изображения.
ПеревестиПоделиться3Пн, 10 Май 2010 11:13:31
- Заслуженный
- Зарегистрирован: Ср, 25 Ноя 2009
- Сообщений: 244
- Уважение: 0
- Позитив: +80
- Пол: Женский
- Последний визит:
Вс, 3 Янв 2016 11:21:40
rps
А кликабельным нельзя сделать? Чтобы на профиль выходил после нажатия.
rps написал(а):
Выделенное должно быть уникальным для каждого нового изображения.
Не допоняла. Что нужно туда ставить?
Отредактировано Caroline (Пн, 10 Май 2010 11:16:51)
ПеревестиПоделиться4Пн, 10 Май 2010 12:10:18
- Cтарожил
- Зарегистрирован: Пн, 22 Сен 2008
- Сообщений: 5082
- Уважение: +1506
- Позитив: +854
- Пол: Мужской
- Последний визит:
Ср, 31 Дек 2025 22:22:47
Caroline написал(а):
А кликабельным нельзя сделать? Чтобы на профиль выходил после нажатия.
Можно вот так
В HTML низ
Код:
<script language="JavaScript">
if (document.images) {
img1on = new Image();
img1on.src ="Картинка при наведении";
img1off = new Image();
img1off.src = "Картинка в обычном состоянии";
img2on = new Image();
img2on.src ="Картинка при наведении";
img2off = new Image();
img2off.src = "Картинка в обычном состоянии";
img3on = new Image();
img3on.src ="Картинка при наведении";
img3off = new Image();
img3off.src = "Картинка в обычном состоянии";
img4on = new Image();
img4on.src ="Картинка при наведении";
img4off = new Image();
img4off.src = "Картинка в обычном состоянии";
img5on = new Image();
img5on.src ="Картинка при наведении";
img5off = new Image();
img5off.src = "Картинка в обычном состоянии";}
function imgOn(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "on.src"); }}//osw
function imgOff(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "off.src"); }}
</script>Туда где хотите видеть
Код:
<a href="Ссылка" onMouseOver="imgOn('img1')";
onMouseOut="imgOff('img1')"><img src="Картинка в обычном состоянии" name=img1></a>
<a href="Ссылка" onMouseOver="imgOn('img2')";
onMouseOut="imgOff('img2')"><img src="Картинка в обычном состоянии" name=img2></a>
<a href="Ссылка" onMouseOver="imgOn('img3')";
onMouseOut="imgOff('img3')"><img src="Картинка в обычном состоянии" name=img3></a>
<a href="Ссылка" onMouseOver="imgOn('img4')";
onMouseOut="imgOff('img4')"><img src="Картинка в обычном состоянии" name=img4></a>
<a href="Ссылка" onMouseOver="imgOn('img5')";
onMouseOut="imgOff('img5')"><img src="Картинка в обычном состоянии" name=img5></a>Можно убирать лишние картинки или наоборот добавлять
Страница: 1
Похожие темы
| Сss - Плавная смена картинок при наведении курсора [Deff 2012] | Каталог скриптов | Пн, 27 Июн 2016 |
| Смена картинки при наведении курсора мыши | Корзина | Чт, 9 Июл 2009 |
| Нужна помощь. Скрипт смены картинок. | Корзина | Пн, 22 Фев 2010 |
| скрипт для смены картинок | Корзина | Пн, 10 Ноя 2014 |
| Баннер, позволяющий при наведении мыши сменить картинку[rps 2009] | Каталог скриптов | Пт, 24 Июн 2016 |