Le capotage ne fonctionne pas

J'ai créé une image survolée dans Dreamweaver (nuage créatif) mais lorsque je la prévisualise en mode direct, les images ne passent pas en survol.Le capotage ne fonctionne pas

Voici mon code:

<div id="facebook"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('facebook','','/images/facebookover.png',1)"><img src="/images/facebookup.png" id="facebook" /></a></div>

et mon JavaScript

function MM_swapImgRestore() { //v3.0 
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; 
} 
</script>

Source

2013-08-03 lc2013

Pourquoi ne pas vous utilisez simplement CSS et le pseudo-fichier: hover? –

La dernière version de Dreamweaver dans Creative Cloud utilise toujours MM_swapImgRestore '? Cela ressemble à Dreamweaver à l'époque où il était encore développé par Macromedia. – insertusernamehere

Vous pouvez simplement utiliser hover CSS. Javascript est pas vraiment nécessaire:

#facebook{ 
width:100px; 
height:100px; 
background-image:url('image1.jpg'); 
} 
#facebook:hover{ 
background-image:url('image2.jpg'); 
}

Votre HTML:

<div id="facebook">Text here</div>

Exemple de travail: http://jsfiddle.net/NRFQ5/

Source

2013-08-03 21:29:08 Sir

y compris les transitions: http://jsfiddle.net/NRFQ5/1/ – dsuess

A travaillé parfaitement, merci. – lc2013

@ lc2013 Assurez-vous de cocher la réponse si cela fonctionne :) – Sir

Si vous aimez les transitions, il suffit d'ajouter ceci à votre style:

#facebook{ 
    transition: background-image 0.5s ease; 
    -moz-transition: background-image 0.5s ease; 
    -webkit-transition: background-image 0.5s ease; 
... 
}

Source

2013-08-03 21:34:00 dsuess

Le capotage ne fonctionne pas

Répondre

Questions connexes