Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.60/15: Рейтинг темы: голосов - 15, средняя оценка - 4.60
 Аватар для SashaYa
13 / 13 / 2
Регистрация: 10.06.2012
Сообщений: 120

Смена картинок при наведении на ссылку

29.08.2012, 10:59. Показов 3299. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Доброго времени суток.
Есть такой скрипт:
JavaScript
1
2
3
4
5
6
7
8
<script>
function not(){
document.img1.src="https://www.cyberforum.ru/images/changeImgTop/1slide.jpg"
}   
function imgOn(imgName) {
if (document.images) {
document.img1.src = imgName;        }}
</script>
Вот вызываю его:
HTML5
1
2
3
4
<div class="middleMain">
                    <a href="javascript:not()" onmouseover="imgOn('images/changeImgTop/1slide.jpg')">img 1</a><br/>
                    <a href="javascript:not()" onmouseover="imgOn('images/changeImgTop/2slide.jpg')">img 2</a>
                </div>
Но ничего не происходит (
В хроме ошибка:
Uncaught TypeError: Cannot set property 'src' of undefined
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
29.08.2012, 10:59
Ответы с готовыми решениями:

Смена картинок при наведении
Здравствуйте. Исходя из названия темы, вы уже поняли, что я мучаюсь со сменой картинок, вот, нашел на просторах этого же форума такой вот...

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

Смена картинок при наведении курсора
Народ, прошу сильно не ругайте меня, я всего третий день осваиваю javascript. помогите разобраться. Мне нужно, чтобы при наведении...

4
супермизантроп
Эксперт JS
3941 / 2979 / 692
Регистрация: 18.04.2012
Сообщений: 8,629
29.08.2012, 12:16
SashaYa, document.img1.src замените оба раза на document.getElementById ('img1').src
Ну и где-нибудь на странице нарисуйте-таки тег <IMG id="img1">, а то вы пытаетесь изменить src у воздуха.
1
Develo0per
 Аватар для and_y87
424 / 368 / 75
Регистрация: 27.02.2012
Сообщений: 1,379
Записей в блоге: 98
29.08.2012, 13:11
SashaYa, а CSS :hover вас не устраивает ?
0
 Аватар для SashaYa
13 / 13 / 2
Регистрация: 10.06.2012
Сообщений: 120
29.08.2012, 14:54  [ТС]
Цитата Сообщение от and_y87 Посмотреть сообщение
SashaYa, а CSS :hover вас не устраивает ?
Ну скажите как тогда организовать такое через hover :
слева картинка справа 3 ссылки при на ведении на одну з ссылок картинка меняется

Добавлено через 4 минуты
Цитата Сообщение от kalabuni Посмотреть сообщение
SashaYa, document.img1.src замените оба раза на document.getElementById ('img1').src
Ну и где-нибудь на странице нарисуйте-таки тег <IMG id="img1">, а то вы пытаетесь изменить src у воздуха.
Спасибо работает.
0
Develo0per
 Аватар для and_y87
424 / 368 / 75
Регистрация: 27.02.2012
Сообщений: 1,379
Записей в блоге: 98
29.08.2012, 16:09
SashaYa, простите я неправильно понял задачу...
тут тока JS (Jquery)...
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
29.08.2012, 16:09
Помогаю со студенческими работами здесь

Смена нескольких картинок при наведении
Ребят выручайте! Не могу придумать как сделать смену нескольких картинок при наведении. А именно: При наведении на картинку (А), она...

Смена изображения при наведении курсора на ссылку
есть кусок кода: &lt;img src=li.gif&gt;&lt;a href=one.htm&gt;ONE&lt;/a&gt; &lt;img src=li.gif&gt;&lt;a href=two.htm&gt;TWO&lt;/a&gt; &lt;img src=li.gif&gt;&lt;a...

Смена картинок по очереди при каждом наведении мышки
Добрый день! У меня следующая проблема. Есть ссылка в виде кнопки. Есть 3 картинки. При наведении мышки на кнопку на кнопке должна...

Смена положения картинки при наведении на ссылку
Дана текстовая ссылка с картинкой (изогнутая линия). Изображение располагается над ссылкой. Нужно сделать так, чтобы при наведении...

Подсветка картинок при наведении
Здравствуйте. Есть сайт www.1001-tour.com.ua. После каких-то действий начали подсвечиваться все картинки, на которых есть ссылка, при...


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

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка.
Hrethgir 08.04.2026
Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .
Модель ЗдрввоСохранения 7: больше работников, больше ресурсов.
anaschu 08.04.2026
работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики.
Hrethgir 07.04.2026
Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .
Горе от ума
kumehtar 07.04.2026
Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru