Fork me on GitHub






module page images survolées
Aspirant
Inscrit: 17/04/2007 18:44
Messages: 52
Je crée mes images survolées avec un lien à l'aide de dreamweaver, je contrôle avec mon navigateur, c'est ok.
Lorsque que je place mon code dans le "CONTENU" de la page, les images apparaissent, les liens fonctionnent mais les images qui doivent apparaître au passage de la souris ne s'affichent pas.
Quelqu'un à une idée.
Merci d'avance.

Posté le : 06/11/2008 17:00
Partager Twitter Partagez cette article sur GG+
Re: module page images survolées
Xoops accro
Inscrit: 20/02/2008 20:27
De Belgium
Messages: 2708
Sans lien ou code, ce n'est pas a voir quoi qui manque (peut-etre quelque JavaScripts?).

Posté le : 06/11/2008 18:33

Salutations, Gerard.
PS: Excusez mon mauvais français.
De la bonne manière de poser les questions
Partager Twitter Partagez cette article sur GG+
Re: module page images survolées
Aspirant
Inscrit: 17/04/2007 18:44
Messages: 52
voici le code que je place dans la partie contenu de la page:

<html>
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<
script 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_pd.MM_p=new Array();
    var 
i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0i<a.lengthi++)
    if (
a[i].indexOf("#")!=0){ d.MM_p[j]=new Imaged.MM_p[j++].src=a[i];}}
}

function 
MM_findObj(nd) { //v4.0
  
var p,i,x;  if(!dd=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    
d=parent.frames[n.substring(p+1)].documentn=n.substring(0,p);}
  if(!(
x=d[n])&&d.allx=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(!
&& document.getElementByIdx=document.getElementById(n); return x;
}

function 
MM_swapImage() { //v3.0
  
var i,j=0,x,a=MM_swapImage.argumentsdocument.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.oSrcx.oSrc=x.srcx.src=a[i+2];}
}
//-->
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000" onLoad="MM_preloadImages('/modules/pages/Image/bijoux-b.jpg')">
<a href="http://www.epmf3d.com/modules/extgallery/public-categories.php?id=14" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('exemple','','/modules/pages/Image/bijoux-b.jpg',1)"><img name="exemple" border="0" src="/modules/pages/Image/bijoux.jpg" width="38" height="50"></a> 
</body>
</html>


A savoir que je ne suis pas un pro et que je travaille surtout par copié/collé et comparaison.

Merci de votre aide

Posté le : 07/11/2008 08:40
Partager Twitter Partagez cette article sur GG+
Re: module page images survolées
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
Essayes ceci peut-être :
<script 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_pd.MM_p=new Array();
    var 
i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0i<a.lengthi++)
    if (
a[i].indexOf("#")!=0){ d.MM_p[j]=new Imaged.MM_p[j++].src=a[i];}}
}

function 
MM_findObj(nd) { //v4.0
  
var p,i,x;  if(!dd=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    
d=parent.frames[n.substring(p+1)].documentn=n.substring(0,p);}
  if(!(
x=d[n])&&d.allx=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(!
&& document.getElementByIdx=document.getElementById(n); return x;
}

function 
MM_swapImage() { //v3.0
  
var i,j=0,x,a=MM_swapImage.argumentsdocument.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.oSrcx.oSrc=x.srcx.src=a[i+2];}
}
//-->
</script>


<div onLoad="MM_preloadImages('http://www.epmf3d.com/modules/pages/Image/bijoux-b.jpg')">
<a href="http://www.epmf3d.com/modules/extgallery/public-categories.php?id=14" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('exemple','','http://www.epmf3d.com/modules/pages/Image/bijoux-b.jpg',1)"><img name="exemple" border="0" src="http://www.epmf3d.com/modules/pages/Image/bijoux.jpg" width="38" height="50"></a></div>

Peux tu nous dire exactement ce que tu veux faire, car je pense qu'il y a beaucoup plus simple

@++

Posté le : 08/11/2008 01:02

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Re: module page images survolées
Aspirant
Inscrit: 17/04/2007 18:44
Messages: 52
ok, je vais tester !
je veux donner un effet sur les photos en bas de la page d'accueil du site http://www.epmf3d.com au passage de la souris. Si une solution plus simple existe, merci d'avance

Posté le : 09/11/2008 19:08
Partager Twitter Partagez cette article sur GG+
Re: module page images survolées
Team FrXoops
Inscrit: 01/11/2004 13:00
Messages: 1823
sur ce post assez ancien du site alsa creation il est proposé ce code que je viens de tester et qui semble fonctionner sur mon site (je l'ai enlevé ensuite)
d'après le post que tu liras certaines adaptations sont nécessaires pour obtenir un résultat personnalisé ( à vérifier selon les navigateurs etc...)




Citation :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Infobulle DHTML avec image</title> <base href="http://perso.wanadoo.fr/michel.deboom/moncastel/"> <style type="text/css" > a.info { position: relative; text-decoration: none; color: black; border-bottom: 1px gray dotted; } a.info span { display: none; border:0 } a.info:hover { background: none; /* correction d'un bug IE */ } a.info:hover img { position: relative; z-index: 100; } a.info:hover span { display: block; position: absolute; z-index: 50; top: 2em; left: 6em; background: orange; text-align: center; color: white; padding: 2px; } </style> </head> <body> <h2>Infobulle CSS</h2> <p><a class="info" href="#">"Toto" <span>un petit garçon sympathique</span></a> ou survolez le mot <a class="info" href="#">"Ginette" <span>une vilaine madame !</span></a pour obtenir des explications.</p> <p><a class="info" href="#">lien vignette chambre 1-1<span><img src="img/vchambre1-1.jpg" /></span></a></p> <p><a class="info" href="#">lien vignette chambre 1-2<span><img src="img/vchambre1-2.jpg" /></span></a></p> <p><a class="info" href="#">lien vignette chambre 1-3<span><img src="img/vchambre1-3.jpg" /></span></a></p> </body> </html>

Posté le : 09/11/2008 22:51
Partager Twitter Partagez cette article sur GG+
Re: module page images survolées
Aspirant
Inscrit: 17/04/2007 18:44
Messages: 52
j'ai testé le code de Kris mais cela ne fonctionne pas. Pour celui de patz, je vais essayer de l'adapter. en fait, je ne comprends pas pourquoi cela ne fonctionne pas. J'ai généré le code sous dreamweaver, cela fonctionne en aperçu dans le navigateur mais une fois intégrer dans la page du site, seul le lien fonctionne.

Posté le : 12/11/2008 22:04
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.

Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

9 Personne(s) en ligne (7 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 9 | Plus ...