2015-05-25 5 views
0

У меня есть веб-страница и у меня шесть изображений. Я пытаюсь изменить свое фоновое изображение на другое изображение, когда я нахожусь на одном из своих изображений и возвращаюсь к своему нормальному образу, когда я не в курсе.Как изменить изображение на веб-странице в фоновом изображении при нахождении на изображении?

+3

Можете ли вы предоставить скрипку или codepen с примерами кода? – lmgonzalves

+0

Что у вас есть? Где вы застряли? Я имею в виду, 'onmouseover =" document.body.style.backgroundImage = 'url (' + this.getAttribute ('src') + ')' "' не очень сложно придумать ... –

+0

Я попробовал это первая граница и установил два одинакового цвета, но он не работает – agon

ответ

0

Вы можете использовать css для выполнения этого.

** Я просто случайно получаю 2 изображения с какого-то сайта.

#test { 
 
    background-image: url(http://www.cmf.be/images/button2.jpg); 
 
    width: 200px; 
 
    height: 200px; 
 
} 
 

 
#test:hover { 
 
    background-image: url(http://mygimptutorial.com/images/button-with-reflection/11.jpg); 
 
    
 
}
<div id="test"> 
 
</div>

Смежные вопросы