Доброго времени суток! Вопрос такой: делаю сайт, в связи с чем возник вопрос: есть шапка, в которую вставлено еще одно отдельное изображение. Так вот, я хочу, чтобы при наведении курсором мыши на ссылки ведующие на другие страницы сайта, это изображение менялось-бы на другое. К примеру, наводим курсором мыши на ссылку "О Компании", появляется другой рисунок в этом же месте, наводим на "Услуги и Цены" - другой, и т.д.. Думаю, что все это возможно реализовать с помощью JavaScript или CSS, но в этом деле я профан. Если кто знает, пожалуйста, дайте исходный код, желательно простой и понятный новичку. Спасибо! P.S. Да, и если можно, то еще код как все это реализовать, но чтобы смена рисунков происходила сама по себе (без наведения курсора) с определенной цикличностью.
Как сделать смену изображений при наведении курсором мыши и без?
- Автор темы Forgott
- 3K
- Дата начала
-
- Теги
- смена изображений
С помощью "простого и понятного" CSS можно сделать вот так
"Сама по себе" лучше с помощью скриптов... к примеру, jQuery ротатора. Ну и обе эти задачи прекрасно решаются с помощью flash-технологии.
Да, причем я бы не пропустил возможность сохранять изображения в одном файле. Иначе при загрузке второго изображения будет "подвисание", что сильно раздражает.
Доброго времени суток! У меня два вопроса: есть шапка сайта, в которую
отдельно вкреплено изображение. Так вот, я хочу, чтобы при наведении
курсором мыши на гиперссылки (их пять), это изображение менялось на
другие, в той же позиции. То есть, пример: 1) если курсор на
ссылке 1, то изображение ставим 1; 2) если курсор на ссылке 2, то
изображение ставим 2; и.д.. На многих форумах спрашивал, но либо дают
не то, либо сложный код, что новичку (в данном случае мне) понять очень
тяжело. И второй вопрос... По-сути то же самое, только на этот раз
хочу, чтобы просто пять, скажем, картинок на одной позиции, менялись
циклично (скажем, через 5 секунд). Понятно, что это можно реализовать
с помощью анимированного GIF, но я хочу попробовать это реализовать
с помощью несложного кода. Всем откликнувшимся, заранее огромного спасибо!
отдельно вкреплено изображение. Так вот, я хочу, чтобы при наведении
курсором мыши на гиперссылки (их пять), это изображение менялось на
другие, в той же позиции. То есть, пример: 1) если курсор на
ссылке 1, то изображение ставим 1; 2) если курсор на ссылке 2, то
изображение ставим 2; и.д.. На многих форумах спрашивал, но либо дают
не то, либо сложный код, что новичку (в данном случае мне) понять очень
тяжело. И второй вопрос... По-сути то же самое, только на этот раз
хочу, чтобы просто пять, скажем, картинок на одной позиции, менялись
циклично (скажем, через 5 секунд). Понятно, что это можно реализовать
с помощью анимированного GIF, но я хочу попробовать это реализовать
с помощью несложного кода. Всем откликнувшимся, заранее огромного спасибо!
Зачем плодить темы? Просто бы написали, что предложенный вам вариант не подходит.
Делается примерно так:
Хотя не понимаю, зачем изобретать велосипед, тем более такой топорный.
Делается примерно так:
Код:
<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>Хотя не понимаю, зачем изобретать велосипед, тем более такой топорный.
Еще раз продублируете тему, отправлю в читатели.
