|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
28.11.2012, 18:54 | #1 |
Пользователь
Регистрация: 15.12.2009
Сообщений: 49
|
Изменение картинки в другом блоке через hover
Здравствуйте!
Хочу сделать горизонтальное меню, при наведении на кнопки которого менялась бы картинка header(располагается над меню). Планирую, чтобы каждой кнопке соответствовала своя картинка. Примерно как это выглядит: mammoth-russia.ru. Только у них меню вертикальное. И не знаю как это у них сделано. Как можно реализовать мою задумку? Подскажите пожалуйста. |
28.11.2012, 19:33 | #2 |
Очень суровый
Участник клуба
Регистрация: 17.12.2009
Сообщений: 1,988
|
jQuery метод .hover(). Работаете внутри примитивно с DOM, меняете background нужного слоя. Картинки рекомендую предзагрузить в переменную или слить в один спрайт и менять background-position. Иначе будет с задержкой.
Ненавижу быть как все, но люблю, чтобы все были как я.
|
28.11.2012, 19:40 | #3 |
Пользователь
Регистрация: 15.12.2009
Сообщений: 49
|
А пример кода не подкинете? Просто я не спец в этой области, сайт делаю пхпшоп цмс фри.
|
28.11.2012, 20:01 | #4 |
Очень суровый
Участник клуба
Регистрация: 17.12.2009
Сообщений: 1,988
|
(Например) Создайте несколько img в контейнере .pic, сделайте всем display:none кроме первого. Создайте меню nav>a*6. Каждому a добавьте data-id с номером по порядку начиная от нуля.
Поскольку hover не делегируется пока что, я думаю не будет ничего плохого в том, чтобы написать так: Код:
Ненавижу быть как все, но люблю, чтобы все были как я.
Последний раз редактировалось MyLastHit; 28.11.2012 в 20:06. |
28.11.2012, 20:21 | #5 |
Пользователь
Регистрация: 15.12.2009
Сообщений: 49
|
А как можно Ваш код приделать к моему? Разрешите приведу код css:
Это код горизонтальной менюшки: Код:
Код:
|
28.11.2012, 21:05 | #6 |
Очень суровый
Участник клуба
Регистрация: 17.12.2009
Сообщений: 1,988
|
Приделать можно. Если сами думать не хотите, то тут есть ветка фриланса.
Ненавижу быть как все, но люблю, чтобы все были как я.
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Изменение сообщения notifyicon в другом классе | Красноглаз | C# (си шарп) | 2 | 29.02.2012 19:18 |
Изменение количества наименования на одном листе при вводе на другом | Leito_07 | Microsoft Office Excel | 2 | 08.01.2012 23:41 |
Изменение размера картинки | denisov | PHP | 3 | 24.02.2010 18:31 |
Изменение размера картинки | Борис Низов | PHP | 6 | 09.12.2007 16:26 |
Изменение SysListView32 в другом приложении | Legos | Общие вопросы Delphi | 1 | 16.10.2007 02:29 |