Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> при наведении на кнопку чтоб появлялась картинка, в строго определённом месте 
:(
    Опции темы
Johny_03
Дата 23.7.2009, 22:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 145
Регистрация: 1.3.2008

Репутация: нет
Всего: нет



Подскажите, как можно реализовать такую штуку. Чтоб при наведении на кнопку появлялась картинка в строго определённом месте таблицы. Идея такая, чтоб при наведении на кнопку меню, у грузовика, который находится в другой части экрана типа загорались фары. Просто свет фар хочу наложить отдельной картинкой, которая будет появляться при наведении на кнопку. И как можно строго закрепить картинку света фар по координатам внутри таблицы? На флеш я это сделать не смогу, т.к. не владею. Заранее спасибо!
PM MAIL   Вверх
underW
Дата 23.7.2009, 23:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 142
Регистрация: 22.9.2008

Репутация: 2
Всего: 3



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

у тебя есть готовая картинка грузовика с выкл фарами, сделай еще одну такую же с вкл. фарами и все, потом просто меняй одну на другую и не будет у тебя никаких заморочек с координатами.
PM MAIL   Вверх
Johny_03
Дата 24.7.2009, 00:07 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 145
Регистрация: 1.3.2008

Репутация: нет
Всего: нет



спасибо за подсказку! А как сделать, чтоб реализовать замену фона таблицы  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 Кб. А на загрузку нужно время. Что посоветуете?

Это сообщение отредактировал(а) Johny_03 - 24.7.2009, 00:11
PM MAIL   Вверх
underW
Дата 24.7.2009, 00:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 142
Регистрация: 22.9.2008

Репутация: 2
Всего: 3



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

Код

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


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

вот тут отличные примеры

Это сообщение отредактировал(а) underW - 24.7.2009, 00:25
PM MAIL   Вверх
IDVsbruck
Дата 25.7.2009, 00:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 778
Регистрация: 12.11.2006

Репутация: 7
Всего: 22



Категорически не советую использовать 2 картинки - все равно будет мигать. Используй неменяемую картинку как одно целое, а под меняемую используй контейнер. Обе части держи в одном файле, меняй только позицию. См. CSS closure.
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: для новичков | Следующая тема »


 




[ Время генерации скрипта: 0.0756 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.