Bonjour à tous,
J'ai un petit soucis avec Dreamweaver.
En effet, quand je veux mettre une image survolée (avec l'outil "image survolée" du logiciel) cela marche bien.
Mais dès que j'en mets plusieurs sur la même page, cela ne marche plus et seule la première semble fonctionner correctement.
Vous trouverez ici un exemple (c'est les icônes qui sont sensées changer de couleur): http://takeaphoto.eu/news.html
et voici mon code:
Merci d'avance pour aide !!!
[/i][/i][/i][/i][/i][/i]
Modifié par dark.tonin (27 Jan 2011 - 22:27)
J'ai un petit soucis avec Dreamweaver.
En effet, quand je veux mettre une image survolée (avec l'outil "image survolée" du logiciel) cela marche bien.
Mais dès que j'en mets plusieurs sur la même page, cela ne marche plus et seule la première semble fonctionner correctement.
Vous trouverez ici un exemple (c'est les icônes qui sont sensées changer de couleur): http://takeaphoto.eu/news.html
et voici mon code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Takeaphoto : News</title>
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<style type="text/css">
<!--
-->
</style>
<link rel="shortcut icon" href="images/favicon.ico" />
<link href="commun.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script type="text/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;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>
<body class="espace">
<div id="conteneur">
<br />
<h1>NEWS</h1>
<h3>
<ul>
<li><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('icone2','','images/icone_photobis.png',1)"><img src="images/icone_photo.png" width="40" height="40" border="0" id="icone2" style="vertical-align: middle" /></a> 18/01/2011 - Ajout de photos dans la galerie de <a href="antonin_acquarone.html">Antonin Acquarone</a></li>
<br />
<li><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('icone2','','images/icone_photobis.png',1)"><img src="images/icone_photo.png" width="40" height="40" border="0" id="icone2" style="vertical-align: middle" /></a> 13/01/2011 - Ajout de photos dans la galerie de <a href="antonin_acquarone.html">Antonin Acquarone</a></li>
<br />
<li><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('icone2','','images/icone_photobis.png',1)"><img src="images/icone_photo.png" width="40" height="40" border="0" id="icone2" style="vertical-align: middle" /></a> 01/01/2011 - Création du reportage <a href="charbonnieres_en_garrigues.html">Charbonnières en Garrigues</a></li>
<br />
<li><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('icone2','','images/icone_photobis.png',1)"><img src="images/icone_photo.png" width="40" height="40" border="0" id="icone2" style="vertical-align: middle" /></a> 14/12/2010 - Ajout de photos de <a href="david_peyre-costa.html">David Peyre-Costa</a> dans les galeries <a href="vie_sauvage.html">Vie sauvage</a> et <a href="abstrait-creation.html">Abstrait - Création</a></li>
<br />
<li><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('icone2','','images/icone_photobis.png',1)"><img src="images/icone_photo.png" width="40" height="40" border="0" id="icone2" style="vertical-align: middle" /></a> 14/12/2010 - Ajout de photos dans la galerie de <a href="david_peyre-costa.html">David Peyre-Costa</a></li>
etc ...
</ul>
</h3>
<div id="espace_contenaire_bas"><div id="incrustation"><img src="incrustation.php" width="286" height="200" alt="inscrustation" /></div></div>
</div>
<div id="pied">
<div id="pied_menu_haut"><a href="ooops.html">Informations légales</a> - <a href="ooops.html">FAQ</a> - <a href="ooops.html">Livre d'or</a> - <a href="ooops.html">Forum</a></div>
<div id="pied_menu">
Copyright © 2010 Takeaphoto - Tous droits réservés / Hébergé par <a href="http://www.planet-hebergement.fr/">planet-hebergement.fr</a></div>
</div>
</div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>
Merci d'avance pour aide !!!
[/i][/i][/i][/i][/i][/i] Modifié par dark.tonin (27 Jan 2011 - 22:27)
