При наведении DIV, изменить фото данных Б.Г.

Question

<div class="slide-background a" style="" data-bg="images/1new.jpg"> 
    </div> 

Я хочу, чтобы при наведении курсора мыши на DIV, чтобы плавно изменить данные-BG ФОТО

я пытался навести с помощью CSS

div.slide-background.a:hover{;background-image: url("../images 
    /1newcolor.jpg") !important;} 

, но я хочу плавное изменение.

Answer 1

Вы можете сделать это с помощью JQuery ...

$(".slide-background").hover(function() { 
     $(".slide-background").attr("data-bg", "some_other_img.jpg"); 
}); 

Answer 2

Это легко с JQuery,

$(".slide-background").hover(function() 
{ 
    $(".slide-background").attr("data-bg", "url.jpg"); 
});