Подскажите, пожалуйста, скрипт, чтобы изменять в таблице картинки при наведении курсора?
Смена картинок
Страница: 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
- Уважение: +4738
- Позитив: +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
- Сообщений: 5079
- Уважение: +1499
- Позитив: +854
- Пол: Мужской
- Последний визит:
Вт, 12 Ноя 2024 21:39:49
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