2 rolover dans la même page+ enlever le cadre
- 74 Official Product -
-
cheese42 Messages postés 860 Date d'inscription Statut Membre Dernière intervention -
cheese42 Messages postés 860 Date d'inscription Statut Membre Dernière intervention -
Bonjour, j'ai mis un rollover sur un page de mon site en construction que j'ai créer avec un générateur de rollover puis j'ai juste insérer le code, mais j'ai un cadre bleu autour du rollover qui devient violet si on a déja cliqué dessu comme sur un lien standar quoi . Comment l'enlevé ?
Ensuite, je ne peut mettre qu'un rollover dans la page car sinon les liens marche mais les rollover reste sur la première image lorsqu'on passe la souris dessus . Comment en mettre plusieurs sur la même page ?
Voila j'espère avoir été asser clair ;)
Ensuite, je ne peut mettre qu'un rollover dans la page car sinon les liens marche mais les rollover reste sur la première image lorsqu'on passe la souris dessus . Comment en mettre plusieurs sur la même page ?
Voila j'espère avoir été asser clair ;)
A voir également:
- 2 rolover dans la même page+ enlever le cadre
- Supprimer une page dans word - Guide
- Word numéro de page 1/2 - Guide
- Enlever pub youtube - Accueil - Streaming
- Avoir 2 comptes whatsapp sur le même téléphone - Guide
- Cadre page word - Guide
28 réponses
C'est Bon problème résolu je vous donne le lien pour ceux a qui ca peut servir ;)
=> http://www.commentcamarche.net/forum/affich 5291953 cadre autour d image avec lien et rollover
A++
=> http://www.commentcamarche.net/forum/affich 5291953 cadre autour d image avec lien et rollover
A++
Désolé mais enfait c'est pas résolu, comment faire pour inserer un lien pour chaque image dans ce code ?
Dans Head :
<script type="text/javascript">
Image1 = new Image();
Image1.src = "chemin_image1";
Image2 = new Image();
Image2.src = "chemin_image2";
Image3 = new Image();
Image3.src = "chemin_image3";
Image4 = new Image();
Image4.src = "chemin_image4";
</script>
et le html :
<img name="Roll" style="border : 0px" src="chemin_image1" alt="" onMouseOver="document.Roll. src='chemin_image2'" onMouseOut="document.Roll.src='chemin_image1'" />
<img name="RollImage" style="border : 0px" src="chemin_image3" alt="" onMouseOver="document.RollImage.src='chemin_image4'" onMouseOut="document.RollImage.src='chemin_image3'" />
Please :-/
Dans Head :
<script type="text/javascript">
Image1 = new Image();
Image1.src = "chemin_image1";
Image2 = new Image();
Image2.src = "chemin_image2";
Image3 = new Image();
Image3.src = "chemin_image3";
Image4 = new Image();
Image4.src = "chemin_image4";
</script>
et le html :
<img name="Roll" style="border : 0px" src="chemin_image1" alt="" onMouseOver="document.Roll. src='chemin_image2'" onMouseOut="document.Roll.src='chemin_image1'" />
<img name="RollImage" style="border : 0px" src="chemin_image3" alt="" onMouseOver="document.RollImage.src='chemin_image4'" onMouseOut="document.RollImage.src='chemin_image3'" />
Please :-/
slt, en fait tu peux faire que 2 liens !!! 1 pour "roll" et 1 pour "rollimage".....c'est bien ca que tu veux faire???
Si tu veut sur le premier rollover je veut par exemple qu'il envoie sur photos.html et le deuxième sur commentaire.html
Tu sait comment faire paske je sait sur des images normales mais pas sur des rollovers ?
Tu sait comment faire paske je sait sur des images normales mais pas sur des rollovers ?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
du style
<a href="photos.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','../../../All Users/Documents/Mes images/Échantillons d'images/Coucher de soleil.jpg',1)"><img src="../../../All Users/Documents/Mes images/Échantillons d'images/Collines.jpg" width="800" height="600" border="0" id="Image1" /></a>
<a href="commentaire.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','../../../All Users/Documents/Mes images/Échantillons d'images/Coucher de soleil.jpg',1)"><img src="../../../All Users/Documents/Mes images/Échantillons d'images/Collines.jpg" width="800" height="600" border="0" id="Image1" /></a>
jai pas mis le chemin de tes images..................
<a href="photos.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','../../../All Users/Documents/Mes images/Échantillons d'images/Coucher de soleil.jpg',1)"><img src="../../../All Users/Documents/Mes images/Échantillons d'images/Collines.jpg" width="800" height="600" border="0" id="Image1" /></a>
<a href="commentaire.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','../../../All Users/Documents/Mes images/Échantillons d'images/Coucher de soleil.jpg',1)"><img src="../../../All Users/Documents/Mes images/Échantillons d'images/Collines.jpg" width="800" height="600" border="0" id="Image1" /></a>
jai pas mis le chemin de tes images..................
Bah chez moi l'image ne change pas lorsque je passe la souris dessus, voila le code (j'ai essayé avec ou sans le contenu de head) :
Dans Head :
<script type="text/javascript">
Image1 = new Image();
Image1.src = "images/galerie1.png";
Image2 = new Image();
Image2.src = "images/galerie2.png";
Image3 = new Image();
Image3.src = "images/commentaire1.png";
Image4 = new Image();
Image4.src = "images/commentaire2.png";
</script>
Dans Body :
<a href="photos.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1'images/galerie1.png',1)"><img src="images/galerie2.png" width="200" height="80" border="0" id="Image1" /></a>
<a href="commentaire.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1'images/commentaire1.png',1)"><img src="images/commentaire2.png" width="200" height="80"
border="0" id="Image1" /></a>
Voila l'adresse http://OfficialProd74.e3b.org/
Y a quasi rien mais c'est juste pour te montrer en réel ce que je voudrait exactment . . .
Dans Head :
<script type="text/javascript">
Image1 = new Image();
Image1.src = "images/galerie1.png";
Image2 = new Image();
Image2.src = "images/galerie2.png";
Image3 = new Image();
Image3.src = "images/commentaire1.png";
Image4 = new Image();
Image4.src = "images/commentaire2.png";
</script>
Dans Body :
<a href="photos.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1'images/galerie1.png',1)"><img src="images/galerie2.png" width="200" height="80" border="0" id="Image1" /></a>
<a href="commentaire.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1'images/commentaire1.png',1)"><img src="images/commentaire2.png" width="200" height="80"
border="0" id="Image1" /></a>
Voila l'adresse http://OfficialProd74.e3b.org/
Y a quasi rien mais c'est juste pour te montrer en réel ce que je voudrait exactment . . .
essaie de rajouter a ta balise body ;;;
<body onload="MM_preloadImages('../../../All Users/Documents/Mes images/Échantillons d'images/Coucher de soleil.jpg')">
(pas coucher de soleil mais ton fichier a toi) lol !!!!
<body onload="MM_preloadImages('../../../All Users/Documents/Mes images/Échantillons d'images/Coucher de soleil.jpg')">
(pas coucher de soleil mais ton fichier a toi) lol !!!!
plus simple dans ta page tu code comme ca:::
fais un copier coller:::::::
<head>
<script type="text/javascript" language="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 onload="MM_preloadImages('../../../All Users/Documents/Mes images/Échantillons d'images/Coucher de soleil.jpg')">
<a href="index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','../../../All Users/Documents/Mes images/Échantillons d'images/Coucher de soleil.jpg',1)"><img src="../../../All Users/Documents/Mes images/Échantillons d'images/Collines.jpg" width="800" height="600" border="0" id="Image1" /></a>
</body>
--ca devrait y ressembler a ce que tu recherches????
----------------------------------------------------------------------
/ La vie ne vaut rien mais rien ne vaut la vie !!!!! /
----------------------------------------------------------------------
fais un copier coller:::::::
<head>
<script type="text/javascript" language="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 onload="MM_preloadImages('../../../All Users/Documents/Mes images/Échantillons d'images/Coucher de soleil.jpg')">
<a href="index.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','../../../All Users/Documents/Mes images/Échantillons d'images/Coucher de soleil.jpg',1)"><img src="../../../All Users/Documents/Mes images/Échantillons d'images/Collines.jpg" width="800" height="600" border="0" id="Image1" /></a>
</body>
--ca devrait y ressembler a ce que tu recherches????
----------------------------------------------------------------------
/ La vie ne vaut rien mais rien ne vaut la vie !!!!! /
----------------------------------------------------------------------
et au lieu que tu mettes
<body background="images/fond.jpg"style="background-repeat : repeat;">
sur ta pages tu devrais mettre :::
<body onload="MM_preloadImages('../../../All Users/Documents/Mes images/Échantillons d'images/Coucher de soleil.jpg')">
<style type="text/css">
body,td,th {
background:url(images/fond.jpg);
color: #FFFFFF;
font-family: BROKEN GHOST, Arial, helvetica, sans-serif;
font-size: 18px;
}
</style>
<body background="images/fond.jpg"style="background-repeat : repeat;">
sur ta pages tu devrais mettre :::
<body onload="MM_preloadImages('../../../All Users/Documents/Mes images/Échantillons d'images/Coucher de soleil.jpg')">
<style type="text/css">
body,td,th {
background:url(images/fond.jpg);
color: #FFFFFF;
font-family: BROKEN GHOST, Arial, helvetica, sans-serif;
font-size: 18px;
}
</style>
Toujours pas :-( . . .
Chez toi ca marche ? Si oui tu peut copier directement avec ce qu'il faut mettre dans head et dans body et comme liens pour le 1er rollover :
images/galerie1.png // images/galerie2.png
Puis pour le 2ème rollover :
images/commentaire1.png // images/commentaire2.png
Paske la je comprend pas j'ai refait 3 fois . . .
Chez toi ca marche ? Si oui tu peut copier directement avec ce qu'il faut mettre dans head et dans body et comme liens pour le 1er rollover :
images/galerie1.png // images/galerie2.png
Puis pour le 2ème rollover :
images/commentaire1.png // images/commentaire2.png
Paske la je comprend pas j'ai refait 3 fois . . .
colles ca je viens de l'essayer:::
(dans ton head)
<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>
ensuite dans la balise body::a la place ou tu as en ce moment:: body background etc..
<body onload="MM_preloadImages('images/galerie2.png ','images/commentaire2.png ')">
ok???
bon et maintenant dans le body ou tu veux tes images:::
<a href="photos.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Roll','','images/galerie2.png ',1)"><img src="images/galerie1.png" border="0" id="Roll" /></a>
<a href="commentaire.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('RollImage','','images/commentaire2.png ',1)"><img src="images/commentaire1.png" border="0" id="RollImage" /></a>
reposte et dis nous ce que ca donne !!!!............
----------------------------------------------------------------------
/ La vie ne vaut rien mais rien ne vaut la vie !!!!! /
----------------------------------------------------------------------
(dans ton head)
<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>
ensuite dans la balise body::a la place ou tu as en ce moment:: body background etc..
<body onload="MM_preloadImages('images/galerie2.png ','images/commentaire2.png ')">
ok???
bon et maintenant dans le body ou tu veux tes images:::
<a href="photos.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Roll','','images/galerie2.png ',1)"><img src="images/galerie1.png" border="0" id="Roll" /></a>
<a href="commentaire.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('RollImage','','images/commentaire2.png ',1)"><img src="images/commentaire1.png" border="0" id="RollImage" /></a>
reposte et dis nous ce que ca donne !!!!............
----------------------------------------------------------------------
/ La vie ne vaut rien mais rien ne vaut la vie !!!!! /
----------------------------------------------------------------------
Merci beaucoup sa MARCHE !
Et donc une toute dernière demande , c'est PROMI !
Tu peut faire ca pour 3 rollover ?
Les 2 premiers idem, et pour le 3ème, ce sera favoris.html
images/favoris1.png // images/favoris2.png
Merci beaucoup pour le mal que tu t'est déja donné pour moi !
Si tu peut me faire ceci ce serait parfait !
Merci d'avance ;)
Et donc une toute dernière demande , c'est PROMI !
Tu peut faire ca pour 3 rollover ?
Les 2 premiers idem, et pour le 3ème, ce sera favoris.html
images/favoris1.png // images/favoris2.png
Merci beaucoup pour le mal que tu t'est déja donné pour moi !
Si tu peut me faire ceci ce serait parfait !
Merci d'avance ;)
donc dans head:::
<script type="text/javascript" language="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>
balise body:::
<body onload="MM_preloadImages('images/galerie2.png ','images/commentaire2.png ','images/favoris2.png ')">
et dans body ou tu veux le bazzzzar::
<a href="photos.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Roll','','images/galerie2.png ',1)"><img src="images/galerie1.png" border="0" id="Roll" /></a>
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('RollImage','','images/commentaire2.png ',1)"><img src="images/commentaire1.png" border="0" id="RollImage" /></a>
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('RollImage2','','images/favoris2.png ',1)"><img src="images/favoris1.png" alt="favoris.html" border="0" id="RollImage2" /></a>
</body>
id image1:Roll, id image2:RollImage et id image3 j'ai mis RollImage2
voila voili, voilouuuuuuuuu...............
<script type="text/javascript" language="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>
balise body:::
<body onload="MM_preloadImages('images/galerie2.png ','images/commentaire2.png ','images/favoris2.png ')">
et dans body ou tu veux le bazzzzar::
<a href="photos.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Roll','','images/galerie2.png ',1)"><img src="images/galerie1.png" border="0" id="Roll" /></a>
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('RollImage','','images/commentaire2.png ',1)"><img src="images/commentaire1.png" border="0" id="RollImage" /></a>
<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('RollImage2','','images/favoris2.png ',1)"><img src="images/favoris1.png" alt="favoris.html" border="0" id="RollImage2" /></a>
</body>
id image1:Roll, id image2:RollImage et id image3 j'ai mis RollImage2
voila voili, voilouuuuuuuuu...............
je tenais juste a signaler que je n'ai pas pondu ce code tout droit de mon cerveau qui est fatigué a cette heure-ci, j'ai quand même utilisé un logiciel hein !!!!!!!!!!!!!