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

Forgott

Доброго времени суток! Вопрос такой: делаю сайт, в связи с чем возник вопрос: есть шапка, в которую вставлено еще одно отдельное изображение.

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

К примеру, наводим курсором мыши на ссылку "О Компании", появляется другой рисунок в этом же месте, наводим на "Услуги и Цены" - другой, и т.д.. Думаю, что все это возможно реализовать с помощью JavaScript или CSS, но в этом деле я профан.

Если кто знает, пожалуйста, дайте исходный код, желательно простой и понятный новичку.

Спасибо! P.S. Да, и если можно, то еще код как все это реализовать, но чтобы смена рисунков происходила сама по себе (без наведения курсора) с определенной цикличностью.

Ночная странница

Forgott:
Если кто знает, пожалуйста, дайте исходный код, желательно простой и понятный новичку.

С помощью "простого и понятного" CSS можно сделать вот так

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

mike4

Ночная:
С помощью "простого и понятного" CSS можно сделать вот так

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

Forgott

Доброго времени суток! У меня два вопроса: есть шапка сайта, в которую отдельно вкреплено изображение.

Так вот, я хочу, чтобы при наведении курсором мыши на гиперссылки (их пять), это изображение менялось на другие, в той же позиции.

То есть, пример: 1) если курсор на ссылке 1, то изображение ставим 1; 2) если курсор на ссылке 2, то изображение ставим 2; и.д.. На многих форумах спрашивал, но либо дают не то, либо сложный код, что новичку (в данном случае мне) понять очень тяжело.

И второй вопрос.

По-сути то же самое, только на этот раз хочу, чтобы просто пять, скажем, картинок на одной позиции, менялись циклично (скажем, через 5 секунд). Понятно, что это можно реализовать с помощью анимированного GIF, но я хочу попробовать это реализовать с помощью несложного кода.

Всем откликнувшимся, заранее огромного спасибо!

mike4

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

 


<script type=text/javascript>function setimage(filename){eval('document.imagebox.src="'+filename+'.png"');}</script>


...


<img name="imagebox" src="start.png">


...


<a href="products.html" onmouseout="setimage('start')" onmouseover="setimage('products')">PRODUCTS</a>

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

Похожие темы	Дата
[PSD2HTML] Воркшоп "Как научиться верстать адаптивную страницу из PSD-макета за 7 дней"	19.10.2024, 18:10
[MИФ] Goоgle Таблицы. Это просто	19.10.2024, 18:10
Duplicat Remover by teso v1.3.0.0 - Программа для удаление дубликатов строк	19.10.2024, 18:10
[Fandroid] Продвинутый курс по разработке android-приложения «Чат-мессенджер » с push-уведомлениями. Часть 1 (2019)	19.10.2024, 18:10
Веб-мастер Lite (3 поток) - Соколов (2017)	19.10.2024, 18:10
Ошибки в компонентах TShellTreeView, TShellListView и TShellComboBox	19.10.2024, 18:10
Ozeki VoIP SIP SDK - All Here	19.10.2024, 18:10
FireDAC for Windows 10 Database Access by Jens Fudge	19.10.2024, 18:10
Помогите, пожалуйста сделать резиновость одного дива в зависимости от другого	19.10.2024, 18:10
Помогите выбрать предварительно выбранное значение для раскрывающегося меню.	19.10.2024, 18:10

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

Forgott

Ночная странница

mike4

Forgott

mike4

I AM

Интересно