Старый 01.04.2014, 16:02 #1 (Ссылка)
Новичок
Дополнительная информация
По умолчанию

Как сделать смену изображений при наведении курсором мыши и без?


Доброго времени суток! Вопрос такой: делаю сайт, в связи с чем возник вопрос: есть шапка, в которую вставлено еще одно отдельное изображение. Так вот, я хочу, чтобы при наведении курсором мыши на ссылки ведующие на другие страницы сайта, это изображение менялось-бы на другое. К примеру, наводим курсором мыши на ссылку "О Компании", появляется другой рисунок в этом же месте, наводим на "Услуги и Цены" - другой, и т.д.. Думаю, что все это возможно реализовать с помощью JavaScript или CSS, но в этом деле я профан. Если кто знает, пожалуйста, дайте исходный код, желательно простой и понятный новичку. Спасибо! P.S. Да, и если можно, то еще код как все это реализовать, но чтобы смена рисунков происходила сама по себе (без наведения курсора) с определенной цикличностью.
Forgott вне форума   Ответить с цитированиемОтветить с цитированием


Старый 01.04.2014, 19:54 #2 (Ссылка)
Профи
Дополнительная информация
По умолчанию

Цитата:
Сообщение от Forgott Посмотреть сообщение
Если кто знает, пожалуйста, дайте исходный код, желательно простой и понятный новичку.
С помощью "простого и понятного" CSS можно сделать вот так

"Сама по себе" лучше с помощью скриптов... к примеру, jQuery ротатора. Ну и обе эти задачи прекрасно решаются с помощью flash-технологии.
Ночная странница вне форума   Ответить с цитированиемОтветить с цитированием

Старый 01.04.2014, 20:23 #3 (Ссылка)
Местный
Дополнительная информация
По умолчанию

Цитата:
Сообщение от Ночная странница Посмотреть сообщение
С помощью "простого и понятного" CSS можно сделать вот так
Да, причем я бы не пропустил возможность сохранять изображения в одном файле. Иначе при загрузке второго изображения будет "подвисание", что сильно раздражает.
mike вне форума   Ответить с цитированиемОтветить с цитированием

Старый 03.04.2014, 12:30 #4 (Ссылка)
Новичок
Дополнительная информация
По умолчанию Как сделать смену изображений при наведении курсором мыши и без?

Доброго времени суток! У меня два вопроса: есть шапка сайта, в которую
отдельно вкреплено изображение. Так вот, я хочу, чтобы при наведении
курсором мыши на гиперссылки (их пять), это изображение менялось на
другие, в той же позиции. То есть, пример: 1) если курсор на
ссылке 1, то изображение ставим 1; 2) если курсор на ссылке 2, то
изображение ставим 2; и.д.. На многих форумах спрашивал, но либо дают
не то, либо сложный код, что новичку (в данном случае мне) понять очень
тяжело. И второй вопрос... По-сути то же самое, только на этот раз
хочу, чтобы просто пять, скажем, картинок на одной позиции, менялись
циклично (скажем, через 5 секунд). Понятно, что это можно реализовать
с помощью анимированного GIF, но я хочу попробовать это реализовать
с помощью несложного кода. Всем откликнувшимся, заранее огромного спасибо!
Forgott вне форума   Ответить с цитированиемОтветить с цитированием

Старый 03.04.2014, 14:53 #5 (Ссылка)
Местный
Дополнительная информация
По умолчанию

Зачем плодить темы? Просто бы написали, что предложенный вам вариант не подходит.

Делается примерно так:
Код:

Блок отключен
Хотя не понимаю, зачем изобретать велосипед, тем более такой топорный.
mike вне форума   Ответить с цитированиемОтветить с цитированием

Старый 03.04.2014, 22:18 #6 (Ссылка)
Администратор
Дополнительная информация
По умолчанию

Еще раз продублируете тему, отправлю в читатели.
Veter вне форума   Ответить с цитированиемОтветить с цитированием

Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.
Trackbacks are Вкл.
Pingbacks are Вкл.
Refbacks are Вкл.


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
увеличение картинки при наведении курсора nimous Начинающий кодер 0 05.09.2017 22:19
Текст в рамке при наведении на картинку Fly Вопросы по дизайну 6 06.01.2015 22:45
Увеличение изображения при наведении курсора мыши werctor Сайтостроение 6 29.03.2011 17:26
Требования к печати изображений _melamory Web дизайн 6 31.05.2010 16:15
Как сделать кнопку, чтобы при наведении менялась? vovansystems Начинающий кодер 3 10.05.2010 07:25


Текущее время: 05:39. Часовой пояс GMT +3.

Powered by vBulletin®
Copyright ©2000 - 2021, WMboard.
Перевод: zCarot
 

Форум вебмастеров

Здесь делают сайты, учатся на них зарабатывать. Ты новичок, и ничего не понимаешь в создании сайтов и в интернет заработке? Не знаешь ответа на вопрос по сайтостроению? Мучают вопросы сео оптимизации?

Не беда, присоединяйся к сообществу вебмастеров, и зарабатывай вместе с нами!