Titre: Image Zoomée
Posté par: Tetsuro le le 01-12-2009 a 13:43:20
Bonjour à tous ! :D
Je suis nouveau dans ce forum, j'esperes donc poster au bon endroit, sinon je m'en excuse d'avance.
Je fais un site, et je voudrais faire une page avec des photos qui se "zoom" lorsqu'on clic dessus, comme sur ce site: http://www.framasoft.net/article4557.html (http://www.framasoft.net/article4557.html) Cliquez sur l'image du jeu.
Un zoom se fait, et cela sans changer de page.
J'aimerais adopter ce system sur mon site, mais je ne connais pas le nom du script et/ou la facon de le faire. Et sans pub.
Le sauriez-vous?
Merci d'avance pour votre aide :)
PS: Mon site si cela vous interesse: http://begginning.free.fr/index.html (http://begginning.free.fr/index.html) |
Titre: Re:Image Zoomée
Posté par: klimbo le le 01-12-2009 a 16:03:07
Bonjour,
Vous pouvez en faire grâce à CSS et voici le code à insérer en head
<style>
img#zoom:hover
{
width:x;
height:y;
}
</style>
et le code à insérer dans body:
<img src="C" id="zoom" width="A" height="B">
Quelque explications:
X: représente la largeur du zoom
Y:représente la hauteur du zoom
A:représente la largeur de l'image sans zoom
B:représente la hauteur de l'image sans zoom
C:le nom et/ou adresse complet de l'image (url)
Pour tout renseignement supplémentaire n'hésitez pas à me contacter.
Cordialement BELMIR Najib |
Titre: Re:Image Zoomée
Posté par: Tetsuro le le 01-12-2009 a 16:49:00
Merci Klimbo.
En fait je ne code pas, je travail avec Dreamweaver, je sais que les codeurs vont dire que c'est pas bien, mais je ne suis pas codeur.
Je triffouille donc le code, je le copie-colle, et le modifie.
Dans head:
Code:
<head>
<style>
img#zoom:hover
{
width:800;
height:600;
}
</style> |
|
et dans body:
Code:
| <img src="http://begginning.free.fr/images/Hors_Village_Jour_2.png" id="zoom" width="200" height="200"> |
|
J'ai tester, mais j'ai juste une petite image de 200*200 qui s'affiche sur la page, et il ne se passe rien quand je clique dessu ou passe dessu. ??? |
Titre: Re:Image Zoomée
Posté par: klimbo le le 01-12-2009 a 16:59:58
Ce code est pour faire zoomer l'image au passage de la souris sur l'image
Et en plus le lien de l'image ne sa marche pas |
Titre: Re:Image Zoomée
Posté par: Tetsuro le le 01-12-2009 a 17:02:30
Si, le lien de l'image marche bien, regarde:
http://begginning.free.fr/images/Hors_Village_Jour_2.png (http://begginning.free.fr/images/Hors_Village_Jour_2.png) |
Titre: Re:Image Zoomée
Posté par: klimbo le le 01-12-2009 a 17:03:19
| j'ai oublie de te dire que ce scripte fonction juste avec mozila firefox |
Titre: Re:Image Zoomée
Posté par: Tetsuro le le 01-12-2009 a 17:06:43
J'ai tester avec firefox ca ne marche, bon je crois que ca ne va rien donner ::)
Quelqu'un a un script qui marcherais dans tout les navigateurs et pas seulement Firefox ?
Merci d'avance |
Titre: Re:Image Zoomée
Posté par: klimbo le le 01-12-2009 a 17:19:42
cliquez svp sur le lien suivant pour voir si le scripte fonctionne ou pas:
http://www.biblio-ebooks.com/essaye/essaye.html
http://www.biblio-ebooks.com/essaye/essaye.html (http://www.biblio-ebooks.com/essaye/essaye.html)
Ps j'essayerais de programmer pour vous un scripte avec java script à bien tôt |
Titre: Re:Image Zoomée
Posté par: Tetsuro le le 01-12-2009 a 18:23:27
Oui le script marche, mais uniquement sur Firefox. Moi je veux un script qui marche sur tout les navigateurs, sinon j'ai trouver quelqes scripts de zoom pas mal.
http://www.cabel.name/2008/02/fancyzoom-10.html
http://www.jejavascript.net/imag_zoom.php |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|