| |
|
|
| | Есть маленькая картинка, справа от нее - ссылка.
Надо сделать так, чтобы при наведении мыши ссылка меняла свой цвет и картинка менялась на другую.
Со ссылкой я проблему решила через a:hover, с картинкой не получается.
Делаю так:
<span style="background-image: url(images/1.png);background-repeat: no-repeat;width:22px;height:10px;"
onMouseOver="this.style.background='url(images/2.png)';"
onMouseOut="this.style.background='url(images/1.png)';">
<a href = "">Это моя ссылка</a>
|
Загружается страница, на ней - одно изображение + ссылка.
onMouseOver - и картинок становится много, они заполняют весь задний фон ссылки. А мне надо одна картинка и одна ссылка. Помогите, пожалуйста. | |
| |
|
|
| |
|
|
| |
для: Лена
(23.02.2010 в 21:18)
| | | Так Вы сносите каждый раз все, что касается фона.
Поэтому либо присваивайте backgroundImage, либо обходитесь вообще без JS поместив картинку внутрь ссылки. Тут зависит от того что "прокатит" и что Вам приглянется | |
| |
|
|
| |
|
|
| |
для: ddhvvn
(23.02.2010 в 22:07)
| | | Мне приглянется то, что заработает :)
Свои слова можете кодом подтвердить? | |
| |
|
|
| |
|
|
| |
для: Лена
(23.02.2010 в 22:30)
| | |
<span style="background-image: url(images/1.png);background-repeat: no-repeat;width:22px;height:10px;"
onmouseover="this.style.backgroundImage='url(images/2.png)';"
onmouseout="this.style.background='url(images/1.png)';">
<a href = "">Это моя ссылка</a>
|
А стоп, пардон. Вам же надо, что типо одновременно все менялось что ли?
Тогда не так. | |
| |
|
|
| |
|
|
| |
для: Лена
(23.02.2010 в 21:18)
| | | при наведении на ссылку будет меняться картинка:
<span id="span" style="background-image: url(images/1.png);background-repeat: no-repeat;width:22px;height:10px;" ></span>
<a href = ""
onmouseover="document.getElementById('span').style.background='url(images/2.png)';"
onmouseout="document.getElementById('span').style.background='url(images/1.png)';"
>Это моя ссылка</a>
|
| |
| |
|
|
| |
 6.2 Кб |
|
| |
для: Lelik
(23.02.2010 в 22:35)
| | | Можете посмотреть, что получается, если использовать Ваш код. Картинки прикрепила. Их надо в папку images положить. | |
| |
|
|
| |
|
|
| |
для: Лена
(23.02.2010 в 22:47)
| | | ну сделай так, кто тебе мешает?:
<span id="span" style="background-image: url(images/1.png);background-repeat: no-repeat;padding-left:22px;lin-height:10px;" > </span>
<a href = ""
onmouseover="document.getElementById('span').style.background='url(images/2.png) no-repeat';"
onmouseout="document.getElementById('span').style.background='url(images/1.png) no-repeat';"
>Это моя ссылка</a>
|
| |
| |
|
|
| |
|
|
| |
для: Lelik
(23.02.2010 в 23:31)
| | | Спасибо большое. Все получилось. Результат - http://www.viteksstone.ru/main.php?request=share. | |
| |
|
|
| |
|
|
| |
для: Лена
(24.02.2010 в 00:25)
| | | На самом деля для данной ситуации не лучшее решение. Идеальное - это уложить эти 2 картинки в 1 гиф на черном фоне и менять позиционирование фона | |
| |
|
|
| |
|
|
| |
для: Лена
(24.02.2010 в 00:25)
| | | Странно работают ссылки Акции
попробуйте мышкой пробежаться несколько раз по ссылкам и посмотрите сколько обращений сервера при загрузке картинок
если быстро пробежаться раз 10 по ссылкам Акции ,то картинки появятся секунд через 5
скорей всего работа тормоза из-за аякса | |
| |
|
|
| |
|
|
| |
для: Lelik
(23.02.2010 в 22:35)
| | | Е-мое, что с тобой? ) Обычно я этим страдаю. Будь внимательнее ) | |
| |
|
|
