Agrandissement d'image ds petite fenetre

Fermé
Nosliw - 20 juin 2005 à 08:41
Erdnax Messages postés 2273 Date d'inscription mercredi 1 octobre 2003 Statut Contributeur Dernière intervention 1 octobre 2007 - 20 juin 2005 à 16:33
Bonjour,
Voilà là je suis en train de créer un site web perso, mais mon probléme est que je veux quand on clique sur une photo du site qu'elle souvre en agrandi ds une petite fenêrte ss les barre d'outils internet explorer, j'utilise frontpage,
Merci de vos réponses
A voir également:

24 réponses

Erdnax Messages postés 2273 Date d'inscription mercredi 1 octobre 2003 Statut Contributeur Dernière intervention 1 octobre 2007 497
20 juin 2005 à 09:20
Salut,

Je pense que ceci correspond à tes attentes.

=> http://www.script-masters.com/home/?cat=0&scat=1&script=55

Si tu as des problèmes pour y appliquer, pose des questions ;)

@+
1
Re
C'est ce que je voulais, donc j'ai inséré le code et il me dit qu'il y a une erreur de script sur la page, j'ai remarqué qu'un jour j'avais mis un code de ce genre et il m'avait dit la même chose qu'il y avait une erreur de script dans la page alors que faire.
Merci
0
Erdnax Messages postés 2273 Date d'inscription mercredi 1 octobre 2003 Statut Contributeur Dernière intervention 1 octobre 2007 497
20 juin 2005 à 11:08
Ok, alors est-ce que tu peux me dire ou tu l'as mis ?

Il faut que tu cliques en bas (voir image ci-dessous) sur HTML (entre normal et aperçu).
http://www.chips.navy.mil/archives/00_jan/frontpage.jpg

Ensuite, tu repère les balises <head> et plus loin </head>.

Juste avant </head>, tu copies ça :
<SCRIPT LANGUAGE="JavaScript">
<!--Javascript issu de Script Masters-->
<!-- http://www.script-masters.com/--> 
function AfficherImage(img){
  Image1= new Image();
  Image1.src=(img);
  Control(img);
}
function Control(img){
  if((Image1.width!=0)&&(Image1.height!=0)){
    VoirImage(img);
  }
  else{
    fonction="Control('"+img+"')";
    intervalle=setTimeout(fonction,20);
  }
}
function VoirImage(img){
  largeur=Image1.width+20;
  hauteur=Image1.height+20;
  proprietes="width="+ largeur +",height="+ hauteur;
  win=window.open(img,"",proprietes);
}

</script>

Une fois que cela est fait, tu repère dans ta page une balise comme ça <img src=" ou tu as ici le nom et/ou l'adresse de ton image">, et tu remplace par ça :
<A HREF="javascript:AfficherImage(' tu met ici ton image, comme dans l'ancien img src ')" BORDER="0"><IMG SRC="et ici encore et toujours ton image" BORDER="0" width="60" height="30">
</A> 

Si tu n'y arrive pas, reviens ;)

@+

0
Voilà j'ai fait comme tu as dis et il dit qu'il y a encore une erreur de scrip, je n'y comprend plus rien, j'ai tout suivi à la lettre, mais rien y fait sinon tout à l'heure j'avais fait comme il disait, excuse moi de ne pas y arriver, je sais pas ce qui se passe.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Erdnax Messages postés 2273 Date d'inscription mercredi 1 octobre 2003 Statut Contributeur Dernière intervention 1 octobre 2007 497
20 juin 2005 à 11:20
Ce n'est pas un problème. Donc va dans HTML, et fais un copier coller ici de tout ce qu'il y a d'écris, je vais voir ce qui se passe ;)

@+
0
Voilà ce qu'il y a ds le code que j'ai
Merci de ta compréhension et de ton aide





<html>

<head><SCRIPT LANGUAGE="JavaScript">
<!--Javascript issu de Script Masters-->
<!-- http://www.script-masters.com/-->
function AfficherImage(img){
Image1= new Image();
Image1.src=<A HREF="javascript:AfficherImage<img src="file:///D:/Mes%20documents/Page%20site%20JM/Site%20pour%20transférer/tof%20272.jpg">" BORDER="0"><IMG SRC="<img src="file:///D:/Mes%20documents/Page%20site%20JM/Site%20pour%20transférer/tof%20272.jpg">" BORDER="0" width="60" height="30">
</A>
Control(img);
}
function Control(img){
if((Image1.width!=0)&&(Image1.height!=0)){
VoirImage(img);
}
else{
fonction="Control('"+img+"')";
intervalle=setTimeout(fonction,20);
}
}
function VoirImage(img){
largeur=Image1.width+20;
hauteur=Image1.height+20;
proprietes="width="+ largeur +",height="+ hauteur;
win=window.open(img,"",proprietes);
}

</script>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 2</title>
</head>

<body>



</body>

</html>
0
Erdnax Messages postés 2273 Date d'inscription mercredi 1 octobre 2003 Statut Contributeur Dernière intervention 1 octobre 2007 497
20 juin 2005 à 11:30
D'accord, alors j'ai modifié ton code voici ce que ça donne :
<html> 

<head>
<SCRIPT type="text/javascript">
<!--Javascript issu de Script Masters-->
<!-- http://www.script-masters.com/--> 
function AfficherImage(img){
  Image1= new Image();
  Image1.src=(img);
  Control(img);
}
function Control(img){
  if((Image1.width!=0)&&(Image1.height!=0)){
    VoirImage(img);
  }
  else{
    fonction="Control('"+img+"')";
    intervalle=setTimeout(fonction,20);
  }
}
function VoirImage(img){
  largeur=Image1.width+20;
  hauteur=Image1.height+20;
  proprietes="width="+ largeur +",height="+ hauteur;
  win=window.open(img,"",proprietes);
}

</script>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> 
<title>Agrandi l'image</title> 
</head> 

<body> 
<A HREF="javascript:AfficherImage('file:///D:/Mes%20documents/Page%20site%20JM/Site%20pour%20transférer/tof%20272.jpg')" BORDER="0"><IMG SRC="file:///D:/Mes%20documents/Page%20site%20JM/Site%20pour%20transférer/tof%20272.jpg" BORDER="0" width="60" height="30"></A> 
</body> 

</html>

Remplace le tiens par celui-ci, et dis-moi si ça marche ;)
0
Là j'ai pu d'erreur de script mais elle ne s'affiche pas dans une fenetre type pop up, elle est en format agrandi dans une fenetre normal, alors que faire.
Merci
0
Erdnax Messages postés 2273 Date d'inscription mercredi 1 octobre 2003 Statut Contributeur Dernière intervention 1 octobre 2007 497
20 juin 2005 à 11:42
Euh, qu'entend-tu par :

elle ne s'affiche pas dans une fenetre type pop up ?
0
Je veux dire qu'elle s'affiche encore ds une grande fenetre avec les barres d'outils internet explorer car moi je voudrais qu'elle s'ouvre ds une petite fenêtre comme sur le site que tu m'avais envoyé.
Voilà
Merci
0
Erdnax Messages postés 2273 Date d'inscription mercredi 1 octobre 2003 Statut Contributeur Dernière intervention 1 octobre 2007 497
20 juin 2005 à 11:55
Le truc c'est que chez moi elle s'ouvre dans une fenêtre sans barre d'outils. Tu peux essayer de modifier une partie de ton script comme ça (trouve bien ou) :
function VoirImage(img){
  largeur=Image1.width+20;
  hauteur=Image1.height+20;
  proprietes="width="+ largeur +",height="+ hauteur;
  win=window.open(img,"",proprietes+"toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no");
}

Essaye, et dis moi si cela change quelque chose.
0
J'ai essayé mais toujours rien ne se passe, elle s'affiche dans une grande page compléte avec les barres d'outils et etc.
Je comprend pas pourquoi ça marche pas surtout si chez toi ça marche, tu voudrais pas que l'on discute sur MSN pour en parler plus directement, si tu le souhaites, nic0las2@hotmail.com
Merci
0
Erdnax Messages postés 2273 Date d'inscription mercredi 1 octobre 2003 Statut Contributeur Dernière intervention 1 octobre 2007 497
20 juin 2005 à 12:06
Désolé, je suis au boulot...

0
Il n'y aurait pas de fonction sur frontpage permetttant d'éviter tout le tapage de code ???
0
Erdnax Messages postés 2273 Date d'inscription mercredi 1 octobre 2003 Statut Contributeur Dernière intervention 1 octobre 2007 497
20 juin 2005 à 12:13
N'étant pas un grand fan des WYSIWYG, ben je connais mal front page...

(=> http://fr.wikipedia.org/wiki/WYSIWYG )

Donc là dessus je ne peux pas t'aider.
0
Ca y est je suis arrivé à faire marcher le code que tu m'as donné, mais peu-on faire des réglages de la fenêtre qui apparait ???
0
Erdnax Messages postés 2273 Date d'inscription mercredi 1 octobre 2003 Statut Contributeur Dernière intervention 1 octobre 2007 497
20 juin 2005 à 15:14
Quel type de réglages ? :P
0
les réglages de ma fenetre pop up, de l'image elle même, car là ça fait un grand espace blanc autour de la photo et je voudrais bien rapprocher les bords et agrandir mon l'image qui apparait.
Tu me comprend.
Merci
0
Erdnax Messages postés 2273 Date d'inscription mercredi 1 octobre 2003 Statut Contributeur Dernière intervention 1 octobre 2007 497
20 juin 2005 à 15:47
Oui, pour ça tu peux modifier la fonction :
function VoirImage(img){
  largeur=Image1.width+20;
  hauteur=Image1.height+20;
  proprietes="width="+ largeur +",height="+ hauteur;
  win=window.open(img,"",proprietes+"toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no");
}

En modifiant les +20, met moins

;)
0
Ok pour la fenetre et maintenant pour la photo car elle est un peu petite et je voudrais bien l'agrandir celle qui est dans la pop-up.
Excuse moi d'être aussi embêtant.
Merci
0