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

F

Forgott

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

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

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

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

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

mike4

#3
F

Forgott

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

mike4

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

Делается примерно так:
Код: 
<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>

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

Wmboard

#6
Еще раз продублируете тему, отправлю в читатели.
 
Get involved!

Here you can only see a limited number of comments. On СЕО Форум Вебмастеров you see all comments and all functions are available to you. To the thread