Консультация № 184026
15.09.2011, 07:25
97.23 руб.
0 3 1
Здравствуйте, уважаемые эксперты! Прошу вас ответить на следующий вопрос:
HTML:
Подскажите пожалуйста конструкцию кода. Мне нужно, чтобы при наведении мыши на маленький рисунок pic1.jpg появлялся рисунок pic2.jpg на месте старого рисунка. А при щелчке мыши на этом рисунке появлялся большой рисунок pic3.jpg в новом окне.

Обсуждение

Неизвестный
15.09.2011, 07:27
общий
И еще что делать если таких рисунков много? На каждый рисунок писать свой код? А рисунки часто меняются.
давно
Старший Модератор
312929
1973
15.09.2011, 09:28
общий
это ответ
Здравствуйте, fomservl!

Ваш код должен выглядеть примерно так:
[code lang=html]<img src='pic1.jpg' onMouseOver="this.src='pic2.jpg' " onMouseOut="this.src='pic1.jpg' " onClick="window.open('pic3.jpg','new','status=no,toolbar=no,menubar=no')">[/code]
Правда, имейте в виду, что если размеры рисунков pic1.jpg и pic2.jpg неодинаковы, то при наведении мыши может "поползти" дизайн.
5
Спасибо, сработало. В моем букваре код был немного другой, видимо с ошибкой.
давно
Старший Модератор
312929
1973
15.09.2011, 09:46
общий
И еще что делать если таких рисунков много? На каждый рисунок писать свой код? А рисунки часто меняются.

Если у Вас "чистый" HTML, то да. А если страница формируется скриптом (например, PHP), и имена рисунков берутся, скажем, из базы данных, то можно на скрипт эту работу и переложить.
Форма ответа