Agrandir une photo sur un site web.
Résolu/Fermé
Psix
Messages postés
105
Date d'inscription
jeudi 14 mai 2009
Statut
Membre
Dernière intervention
7 décembre 2010
-
14 mai 2009 à 08:31
Psix Messages postés 105 Date d'inscription jeudi 14 mai 2009 Statut Membre Dernière intervention 7 décembre 2010 - 14 mai 2009 à 15:04
Psix Messages postés 105 Date d'inscription jeudi 14 mai 2009 Statut Membre Dernière intervention 7 décembre 2010 - 14 mai 2009 à 15:04
A voir également:
- Agrandir une photo sur un site web.
- Comment agrandir une photo - Guide
- Site partage photo - Guide
- Traduction photo gratuit - Guide
- Traduire une page web - Guide
- Site de telechargement - Guide
7 réponses
Bon je reprends depuis le départ parce que ça a pas l'air clair, la méthode qu'on te donne est appellée rollover ou "image survolée" dans dreamweaver
En fait il te faut 2 images :
- une image de petite taille
- une image en grande taille
en suite dans dreamweaver tu fait insertion->objets image->image survolée, à partir de là tu devrais t'en sortir...
inconvéniant il faut que tu t'amuse à créer toutes les images en en double (ça peux se faire automatiquement en PHP via la librairie GD2 (je suis pas sûr du nom à 100%))
sinon tu peux en javascript t'amuse à changer le heigth et le width de ta balise <img> toujours avec onMouseOver ou onClick ça dépends de ce que tu veux faire...
Y a aussi des solutions en flash...mais je te sens pas vraiment prêt pour ça...enfin qui sait...
En fait il te faut 2 images :
- une image de petite taille
- une image en grande taille
en suite dans dreamweaver tu fait insertion->objets image->image survolée, à partir de là tu devrais t'en sortir...
inconvéniant il faut que tu t'amuse à créer toutes les images en en double (ça peux se faire automatiquement en PHP via la librairie GD2 (je suis pas sûr du nom à 100%))
sinon tu peux en javascript t'amuse à changer le heigth et le width de ta balise <img> toujours avec onMouseOver ou onClick ça dépends de ce que tu veux faire...
Y a aussi des solutions en flash...mais je te sens pas vraiment prêt pour ça...enfin qui sait...
BeFaX
Messages postés
14245
Date d'inscription
mercredi 24 décembre 2008
Statut
Contributeur
Dernière intervention
6 août 2013
3 812
Modifié le 29 nov. 2018 à 14:30
Modifié le 29 nov. 2018 à 14:30
Voici justement la source sur ce forum du passage de la souris sur la photo :
<td class="photo">
<img src="http://static.commentcamarche.net/www.commentcamarche.net/communaute/thumbs/Psix-4a0bb934" onmouseover="BulleWrite('<'+'img src=\'http://static.commentcamarche.net/www.commentcamarche.net/communaute/pics/Psix-4a0bb934\' alt=\'Psix\'/>',event);" onmouseout="BulleHide();" alt="Psix">
</td>
http://static.commentcamarche.net/www.commentcamarche.net/communaute/thumbs/Psix-4a0bb934 est la petite image.
http://static.commentcamarche.net/www.commentcamarche.net/communaute/pics/Psix-4a0bb934 est la grande image.
Tout se fait grâce à ONMOUSEOVER.
<td class="photo">
<img src="http://static.commentcamarche.net/www.commentcamarche.net/communaute/thumbs/Psix-4a0bb934" onmouseover="BulleWrite('<'+'img src=\'http://static.commentcamarche.net/www.commentcamarche.net/communaute/pics/Psix-4a0bb934\' alt=\'Psix\'/>',event);" onmouseout="BulleHide();" alt="Psix">
</td>
http://static.commentcamarche.net/www.commentcamarche.net/communaute/thumbs/Psix-4a0bb934 est la petite image.
http://static.commentcamarche.net/www.commentcamarche.net/communaute/pics/Psix-4a0bb934 est la grande image.
Tout se fait grâce à ONMOUSEOVER.
Psix
Messages postés
105
Date d'inscription
jeudi 14 mai 2009
Statut
Membre
Dernière intervention
7 décembre 2010
5
14 mai 2009 à 09:10
14 mai 2009 à 09:10
Merci de m'avoir répondu si vite. Mais quelles sont les modifications que je doit faire pour adapter le code ?
BeFaX
Messages postés
14245
Date d'inscription
mercredi 24 décembre 2008
Statut
Contributeur
Dernière intervention
6 août 2013
3 812
14 mai 2009 à 09:26
14 mai 2009 à 09:26
<td class="photo">
<img src="http://www.monsite.com/PSIX/petite_image.jpg" onmouseover="BulleWrite('<'+'img src=\'http://www.monsite.com/PSIX/image.jpg\' alt=\'Psix\'/>',event);" onmouseout="BulleHide();" alt="Psix">
</td>
A mon avis en faisant cela, ça devrait marcher.
Tu dois changer les 2 adresses des 2 images, la première est la petite, la seconde est la grande.
<img src="http://www.monsite.com/PSIX/petite_image.jpg" onmouseover="BulleWrite('<'+'img src=\'http://www.monsite.com/PSIX/image.jpg\' alt=\'Psix\'/>',event);" onmouseout="BulleHide();" alt="Psix">
</td>
A mon avis en faisant cela, ça devrait marcher.
Tu dois changer les 2 adresses des 2 images, la première est la petite, la seconde est la grande.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Psix
Messages postés
105
Date d'inscription
jeudi 14 mai 2009
Statut
Membre
Dernière intervention
7 décembre 2010
5
14 mai 2009 à 09:37
14 mai 2009 à 09:37
Merci, mais pour les adresses des photos, je ne peux pas mettre l'adresse des dossiers ? (comme images/photo1.jpg) J'ai essayer mais cela ne m'affiche que "Psix".
Edit : maintenant je n'ai que la petite photo d'affiché, et lorsque je passe ma souris sur la photo rien ne se passe...
Edit : maintenant je n'ai que la petite photo d'affiché, et lorsque je passe ma souris sur la photo rien ne se passe...
Psix
Messages postés
105
Date d'inscription
jeudi 14 mai 2009
Statut
Membre
Dernière intervention
7 décembre 2010
5
14 mai 2009 à 10:24
14 mai 2009 à 10:24
Help s'il vous plait. Je ne trouve pas comment faire...
Psix
Messages postés
105
Date d'inscription
jeudi 14 mai 2009
Statut
Membre
Dernière intervention
7 décembre 2010
5
14 mai 2009 à 15:04
14 mai 2009 à 15:04
Merci, de ta réponse, oui j'étais un peu perdu... Je viens d'essayer ce que tu m'as dit cela marche très bien mais.... ça ne me conviens pas trop car les 2 photos n'ont pas la même taille, la plus grande est comme la petite vu que je ne peux pas déplacer l'emplacement. Je voudrai que ce soit "par dessus" la fenêtre (par dessus le texte qui est a droite). Sait-tu comment y faire ?
