La Communauté Webmaster  forum rss


  Forum-webmaster
  Général
  Discussions générales
(Modérateurs: Jey, Dark.Ginger, Lilian, lauryv, ToToMaStEr, Wolf18)
  Image Zoomée
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Image Zoomée  (Lu 995 fois)
Image Zoomée
« sur: le 01-12-2009 a 13:43:20 »
Tetsuro
Membre récent
*

Hors-Ligne

Messages: 5





Voir le Profil    E-Mail
Répondre avec citation

Bonjour à tous ! 

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 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

« Dernière Édition: le 01-12-2009 a 14:12:08 par Tetsuro » Rapporter au modérateur  

Re:Image Zoomée
« Répondre #1 sur: le 01-12-2009 a 16:03:07 »
klimbo
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 14





Voir le Profil    WWW    E-Mail
Répondre avec citation

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

Rapporter au modérateur  
Re:Image Zoomée
« Répondre #2 sur: le 01-12-2009 a 16:49:00 »
Tetsuro
Membre récent
*

Hors-Ligne

Messages: 5





Voir le Profil    E-Mail
Répondre avec citation

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. 

Rapporter au modérateur  
Re:Image Zoomée
« Répondre #3 sur: le 01-12-2009 a 16:59:58 »
klimbo
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 14





Voir le Profil    WWW    E-Mail
Répondre avec citation

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

Rapporter au modérateur  
Re:Image Zoomée
« Répondre #4 sur: le 01-12-2009 a 17:02:30 »
Tetsuro
Membre récent
*

Hors-Ligne

Messages: 5





Voir le Profil    E-Mail
Répondre avec citation

Si, le lien de l'image marche bien, regarde:
http://begginning.free.fr/images/Hors_Village_Jour_2.png

Rapporter au modérateur  
Re:Image Zoomée
« Répondre #5 sur: le 01-12-2009 a 17:03:19 »
klimbo
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 14





Voir le Profil    WWW    E-Mail
Répondre avec citation

j'ai oublie de te dire que ce scripte fonction juste avec mozila firefox 

Rapporter au modérateur  
Re:Image Zoomée
« Répondre #6 sur: le 01-12-2009 a 17:06:43 »
Tetsuro
Membre récent
*

Hors-Ligne

Messages: 5





Voir le Profil    E-Mail
Répondre avec citation

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

Rapporter au modérateur  
Re:Image Zoomée
« Répondre #7 sur: le 01-12-2009 a 17:19:42 »
klimbo
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 14





Voir le Profil    WWW    E-Mail
Répondre avec citation

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
Ps j'essayerais de programmer pour vous un scripte avec java script à bien tôt

Rapporter au modérateur  
Re:Image Zoomée
« Répondre #8 sur: le 01-12-2009 a 18:23:27 »
Tetsuro
Membre récent
*

Hors-Ligne

Messages: 5





Voir le Profil    E-Mail
Répondre avec citation

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

Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg