Смена картнок при наведении на ссылку (для новостей)
Здравствуйте! Можно ли реализовать с помощью JS что-то подобное новостям, как на сайте http://edinros.ru/ имею виду главные новости, при наведении на текст новости, появляется картинка, соответствующая данной новости
|
Можно.
|
И как же? Выручайте
|
При наведении курсора на новость, меняйте картинку.
|
как именно? помоги. один пример приведи, пожалуйста, чтобы картинка появлялась именно слева, как на том сайте
|
Сайт единоросов - еще один повод не любить их:) Даже сайт нормальный не смогли сделать:) Сабж на сайте сделан тупо: пока нужные картинки не загрузились, при наведении на картинку, она меняется на белый крадрат. Па-лшашски:)
|
мне как-то все равно.... их сайт... они сами.... мне просто нужно реализовать такую же систему. выручайте
|
Навел на ссылку - у картинки меняется свойство .src. И все, готово
|
сказать легко, как именно? что нужно сделать? подробнее расскажите
|
node.onmouseover = function () {
this.src = 'картинка при наведении';
};
node.onmouseout = function () {
this.src = 'стандартная картинка';
}
|
Здравствуйте!
Судя по вашему сообщению, вы ну совсем не знаете javascript. Освойте основы языка и вопрос отпадет сам, полностью или частично. А с чем не справитесь - поможем. На сайте javascript можно начать изучать с учебника, раздел Основы javascript. Возможно, вам также понадобится HTML - учебник есть, например, здесь: http://ru.html.net/tutorials/html/ Задавайте конкретные вопросы по ходу дела. |
Причем .onmouseout не нужно, потому что нету ж дефолтной картинки. Ну и не this.src, а у (картинка).src. Тип того:
<a href="#">Change ⇒</a><span id="span">Text</span>
<script>
document.getElementsByTagName('A')[0].onmouseover=function(){document.getElementById('span').style.color = 'yellow'}
</script>
|
спасибо огромное, Sweet, ща постараюсь
|
не врубился... у мя не получается(((((((((((((
|
Ну почитай вот это что ли. ну и как говорится
Цитата:
|
я прописал этот код
node.onmouseover = function () { 2 this.src = 'картинка при наведении'; 3 }; 4 node.onmouseout = function () { 5 this.src = 'стандартная картинка'; 6 } подставил расположение картинок.... и ничего не происходит |
А сайт Единоросов и правда, страшный.
|
Цитата:
|
неужели никто не может толком объяснить? там же нет ничего сверхъестесственного, невохможного, дело двух минут
|
Объясняю: нужным ссылкам добавляем через свойство .onmouseover функцию, которая будет менять свойство .src на нужное. Это вполне исчерпывающее объяснение: большего вы не получите. А готовое решение, которое вставил и все заработало, вам никто не даст - это уже работа, а не помощь. Тут только помогают:)
|
а как нужным ссылка добавлять через свойство .onmouseover функцию? я этого не пойму. объясните
|
Ну если особо не вникая, то прям в тэг добавляй: <a href="[...]" onmouseover="[функция()]"></a>
|
Цитата:
|
Вот так выглядит мой тестовый файл, то есть имеет такой код
<script> node.onmouseover = function () { this.src = '2.jpg'; }; node.onmouseout = function () { this.src = '1.jpg'; } </script> <a href="www.ya.ru" onmouseover="function ()">111</a> ничего не срабатывает |
Цитата:
PS Пожалуйста, отформатируйте свой код! Для этого его можно заключить в специальные теги: js/css/html и т.п., например: [js] ... ваш код... [/js] О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting. |
я там ничего и не понял в вашей ссылку. подскажите, что неправильно в моём коде, чтобы я вас не доставал
|
Цитата:
это несложный материал, который обязателен к изучению, если вы учите JS Либо учите JS, и прикладывайте усилия, либо раздел форума Работа |
Короче, добавь в тег картинки id: <img src="..." id="pic">, а ссылкам <a href="..." onmouseover="document.getElementById('pic').src='[путь к картинке]'"></a> и закроем эту тему:)
|
Все получилось. А вы не знаете, как это дело можно внедрить в joomla?
|
В общем, все получилось на УРА! Спасибо всем, кто помогал! Возник теперь такой вопрос: "А можно ли сделать так, чтобы по умолчанию синим быкграундом выделалясь новость?" я сделал так, чтобы при наведении на ссылку появлялась картинка слева и бэкграунд синий, но после того, как курсор уходит с ссылки, картинка остаётся, а бэк нет,
|
vinnie, ну ты и наглый тип...
Sweet, будь другом, не помогай а? |
| Часовой пояс GMT +3, время: 07:00. |