Sujet Précédent Sujet Suivant

Agrandissement d'image ds petite fenetre

Nosliw -  
Erdnax Messages postés 2279 Statut Contributeur -
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

  • 1
  • 2
Réponse 1 / 24
Erdnax Messages postés 2279 Statut Contributeur 497
 
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
Réponse 2 / 24
nosliw
 
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
Réponse 3 / 24
Erdnax Messages postés 2279 Statut Contributeur 497
 
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
Réponse 4 / 24
nosliw
 
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
Réponse 5 / 24
Erdnax Messages postés 2279 Statut Contributeur 497
 
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
Réponse 6 / 24
nosliw
 
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
Réponse 7 / 24
Erdnax Messages postés 2279 Statut Contributeur 497
 
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
Réponse 8 / 24
nosliw
 
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
Réponse 9 / 24
Erdnax Messages postés 2279 Statut Contributeur 497
 
Euh, qu'entend-tu par :

elle ne s'affiche pas dans une fenetre type pop up ?
0
Réponse 10 / 24
nosliw
 
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
Réponse 11 / 24
Erdnax Messages postés 2279 Statut Contributeur 497
 
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
Réponse 12 / 24
nosliw
 
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
Réponse 13 / 24
Erdnax Messages postés 2279 Statut Contributeur 497
 
Désolé, je suis au boulot...

0
Réponse 14 / 24
nosliw
 
Il n'y aurait pas de fonction sur frontpage permetttant d'éviter tout le tapage de code ???
0
Réponse 15 / 24
Erdnax Messages postés 2279 Statut Contributeur 497
 
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
Réponse 16 / 24
nosliw
 
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
Réponse 17 / 24
Erdnax Messages postés 2279 Statut Contributeur 497
 
Quel type de réglages ? :P
0
Réponse 18 / 24
nosliw
 
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
Réponse 19 / 24
Erdnax Messages postés 2279 Statut Contributeur 497
 
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
Réponse 20 / 24
nosliw
 
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

Discussions similaires

A quoi correspond cette croix sur snapchat
Sbnet -
Doucesensible -

8 réponses
PIX
plart -
jordane45 -

1 réponse
Retrouver l'image originale après avoir fait des modifications ?
Raven -
Asta972155 -

10 réponses