Passage souris sur image pour Agrandir
Résolu/Fermé
Utilisateur anonyme
-
1 févr. 2010 à 10:16
gentlemen bricoleur Messages postés 15 Date d'inscription samedi 19 avril 2008 Statut Membre Dernière intervention 9 février 2011 - 9 févr. 2011 à 11:57
gentlemen bricoleur Messages postés 15 Date d'inscription samedi 19 avril 2008 Statut Membre Dernière intervention 9 février 2011 - 9 févr. 2011 à 11:57
A voir également:
- Passage souris sur image pour Agrandir
- Comment agrandir une image - Guide
- Quelle touche pour débloquer la souris ? - Guide
- Image iso - Guide
- Passage qwerty azerty - Guide
- Acronis true image - Télécharger - Sauvegarde
4 réponses
gentlemen bricoleur
Messages postés
15
Date d'inscription
samedi 19 avril 2008
Statut
Membre
Dernière intervention
9 février 2011
1
9 févr. 2011 à 11:57
9 févr. 2011 à 11:57
Salut Bizu,
j'aimerais créer une page web avec affichage des vignettes et apparition de photo au dessus lorsqu'on passe la souris dessus, et que celle ci change si on passe la souris sur autre vignette. Je te remercie si t'as le génie et la gentillesse de me filer un bout de code. Et sinon connais tu un logiciel qui ferait ce genre de choses automatiquement ?
Merci et bonne journée !
Daniel
j'aimerais créer une page web avec affichage des vignettes et apparition de photo au dessus lorsqu'on passe la souris dessus, et que celle ci change si on passe la souris sur autre vignette. Je te remercie si t'as le génie et la gentillesse de me filer un bout de code. Et sinon connais tu un logiciel qui ferait ce genre de choses automatiquement ?
Merci et bonne journée !
Daniel
Utilisateur anonyme
2 févr. 2010 à 02:35
2 févr. 2010 à 02:35
bonjour bizu53,
j'ai oublie d'omettre ceci :
Je voudrai que l'image grandisse qu'on on passe dessus.Puis dès que je change d'image, le nouvelle image grandisse et la precedente redvient à sa taille normale.
Que dois je faire reellement ?
Et merci pour ton code et tes explications.
j'ai oublie d'omettre ceci :
Je voudrai que l'image grandisse qu'on on passe dessus.Puis dès que je change d'image, le nouvelle image grandisse et la precedente redvient à sa taille normale.
Que dois je faire reellement ?
Et merci pour ton code et tes explications.
bizu53
Messages postés
1274
Date d'inscription
samedi 30 août 2008
Statut
Membre
Dernière intervention
21 juin 2015
860
2 févr. 2010 à 12:54
2 févr. 2010 à 12:54
Je viens de voir à l'instant que j'avais fait une erreur (de copié-collé non modifié) c'était :
onmouseover="this.style.width='300px';this.style.height='400px';" onmouseout="this.style.width='30px';this.style.height='35px';"
(non pas un 2ème onmouseover)
Ça agrandit l'image quand la souris est "over" donc au-dessus, et la redimensionne en 30×35 quand la souris est "out" donc plus au-dessus.
onmouseover="this.style.width='300px';this.style.height='400px';" onmouseout="this.style.width='30px';this.style.height='35px';"
(non pas un 2ème onmouseover)
Ça agrandit l'image quand la souris est "over" donc au-dessus, et la redimensionne en 30×35 quand la souris est "out" donc plus au-dessus.
bizu53
Messages postés
1274
Date d'inscription
samedi 30 août 2008
Statut
Membre
Dernière intervention
21 juin 2015
860
1 févr. 2010 à 15:28
1 févr. 2010 à 15:28
Il ne faut pas mélanger php et javascript de cette façon. PHP agit du côté du serveur, il envoie la page à celui qui y accède ; ENSUITE le javascript fait des actions sur ce qui est dans la page.
Ta fonction afficherImage(), d'ailleurs au passage dont on ne sait même pas d'où tu l'appelles, est équivalentes à une fonction :
Avec toto.jpg qui ne changera pas en fonction de l'image dont la souris est au-dessus puisque ça a été envoyé par le serveur (php).
J'espère avoir été suffisamment clair pour que tu comprennes l'erreur.
Maintenant, la solution est beaucoup plus simple :
Ton serveur génère ta page avec toutes tes images comme tu le fais, mais au onmouseover tu changes les dimensions style.width et style.height, et au onmouseout tu les remets à 30 et 35.
Je te l'écris sans tester mais ça devrait être qqch du genre :
Ta fonction afficherImage(), d'ailleurs au passage dont on ne sait même pas d'où tu l'appelles, est équivalentes à une fonction :
function afficherImage()
{
document.getElementById('zoneImg').innerHTML = '<img src="/Videos_et_Audios/images/ADULTES/Les films XXX/toto.jpg" width="300" Height="400" >'
}
Avec toto.jpg qui ne changera pas en fonction de l'image dont la souris est au-dessus puisque ça a été envoyé par le serveur (php).
J'espère avoir été suffisamment clair pour que tu comprennes l'erreur.
Maintenant, la solution est beaucoup plus simple :
Ton serveur génère ta page avec toutes tes images comme tu le fais, mais au onmouseover tu changes les dimensions style.width et style.height, et au onmouseout tu les remets à 30 et 35.
Je te l'écris sans tester mais ça devrait être qqch du genre :
<form id="form1" name="form1" method="post" action="">
<table width="95%" border="0">
<tr>
<td><div align="center">
<?php do { ?>
<a href="OnlyFile_Ad.php?NUM=<?php echo $row_FICHE_AD_CD['NUM']?>">
<img src="/Videos_et_Audios/images/AD/Les films/<?php echo $row_FICHE_AD_CD['PICTURENAME']; ?>" width="30" height="35" onmouseover="this.style.width='300px';this.style.height='400px';" onmouseover="this.style.width='30px';this.style.height='35px';"/>
<?php } while ($row_FICHE_AD_CD = mysql_fetch_assoc($FICHE_AD_CD)); ?></a></div></td>
</tr>
</table>
</form>