Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: для новичков > при наведении на кнопку чтоб появлялась картинка

Автор: Johny_03 23.7.2009, 22:21

Подскажите, как можно реализовать такую штуку. Чтоб при наведении на кнопку появлялась картинка в строго определённом месте таблицы. Идея такая, чтоб при наведении на кнопку меню, у грузовика, который находится в другой части экрана типа загорались фары. Просто свет фар хочу наложить отдельной картинкой, которая будет появляться при наведении на кнопку. И как можно строго закрепить картинку света фар по координатам внутри таблицы? На флеш я это сделать не смогу, т.к. не владею. Заранее спасибо!

Автор: underW 23.7.2009, 23:40

накладывать одну картинку на вторую? зачем?

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

Автор: Johny_03 24.7.2009, 00:07

спасибо за подсказку! А как сделать, чтоб реализовать замену фона таблицы background: url('1.jpg') при наведении мышкой на кнопку glavnaya.jpg?

Код


<table border=0 align="center" cellspacing=0 cellpadding=0>
  <tr align="center">
    <td  style="background: url('1.jpg') center top no-repeat" height="713" width="947">
       <div><a href="index.html"><img src="glavnaya.jpg" width="193" height="74" ></a></div>    
    </td>
  </tr>
</table>

И ещё вопрос стоит в том, будет ли эта замена картинки с выкл. фарами на вкл. фарами быстрой? Ведь фон весит 90 Кб. А на загрузку нужно время. Что посоветуете?

Автор: underW 24.7.2009, 00:16

посоветую грузить обе картинки сразу, при загрузке самой страницы, тогда их смена будет просто моментальной.

Код


А как сделать, чтоб реализовать замену фона таблицы  background: url('1.jpg') при наведении мышкой на кнопку glavnaya.jpg?

В случае со сменой картинки, ты работал с атрибутом src, а если ты меняешь фон, то работаешь со свойством style.background

http://www.citforum.ru/internet/javascript/exgraph.shtml

Автор: IDVsbruck 25.7.2009, 00:57

Категорически не советую использовать 2 картинки - все равно будет мигать. Используй неменяемую картинку как одно целое, а под меняемую используй контейнер. Обе части держи в одном файле, меняй только позицию. См. CSS closure.