Javascript - Fondu image dedans?

Question

Bonjour j'ai un bouton et quand survolé il va changer l'image d'arrière-plan d'un div (j'ai plus d'un bouton qui fait la même chose) au lieu des images qui apparaissent soudainement sur l'écran en survolant les boutons je voudrais pour eux fanent dans quelqu'un pourrait-il me diriger dans le bon chemin s'il vous plaît, sans jQuery

Voici mon code:

function link01() { 
document.getElementById("hover-change").style.backgroundImage = "url(images/1.jpg)"; 
} 

merci d'avance

Answer 1

jQuery a une fadeIn effet cela pourrait vous aider. http://www.w3schools.com/jquery/jquery_fade.asp

Answer 2

Vous pouvez transition image de fond en CSS

transition: background-image 1s linear 

Ceci est pris en charge sur la plupart des navigateurs (je pense que son en train d'être déployé à Firefox/pas sûr IE). L'ajout de différentes classes à l'élément "hover-change" en fonction de l'élément survolé vous permet d'appliquer différentes images.