Posez votre question Format imprimable Liste des forums Aidez-les Statistiques Rechercher Charte Forum Programmation

Statut : Non résolu

Agrandissement d'image ds petite fenetre

Nosliw, le lundi 20 juin 2005 à 08:41:10

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

Répondre à Nosliw Signaler ce message aux modérateurs Aller au dernier message

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Erdnax, le lundi 20 juin 2005 à 09:20:33

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

@+
(_..:: P'tit Suisse ::.._)

Répondre à Erdnax

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

nosliw, le lundi 20 juin 2005 à 09:32:53

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

Répondre à nosliw

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Erdnax, le lundi 20 juin 2005 à 11:08:35

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

@+

(_..:: P'tit Suisse ::.._)

Répondre à Erdnax

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

nosliw, le lundi 20 juin 2005 à 11:16:02

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.

Répondre à nosliw

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Erdnax, le lundi 20 juin 2005 à 11:20:01

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

@+
(_..:: P'tit Suisse ::.._)

Répondre à Erdnax

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

nosliw, le lundi 20 juin 2005 à 11:24:20

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


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>

Répondre à nosliw

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Erdnax, le lundi 20 juin 2005 à 11:30:18

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 ;)
(_..:: P'tit Suisse ::.._)

Répondre à Erdnax

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

nosliw, le lundi 20 juin 2005 à 11:40:53

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

Répondre à nosliw

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Erdnax, le lundi 20 juin 2005 à 11:42:22

Euh, qu'entend-tu par :

elle ne s'affiche pas dans une fenetre type pop up ?
(_..:: P'tit Suisse ::.._)

Répondre à Erdnax

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

nosliw, le lundi 20 juin 2005 à 11:48:42

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

Répondre à nosliw

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Erdnax, le lundi 20 juin 2005 à 11:55:44

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.
(_..:: P'tit Suisse ::.._)

Répondre à Erdnax

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

nosliw, le lundi 20 juin 2005 à 12:04:09

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

Répondre à nosliw

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Erdnax, le lundi 20 juin 2005 à 12:06:36

Désolé, je suis au boulot...

(_..:: P'tit Suisse ::.._)

Répondre à Erdnax

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

nosliw, le lundi 20 juin 2005 à 12:11:38

Il n'y aurait pas de fonction sur frontpage permetttant d'éviter tout le tapage de code ???

Répondre à nosliw

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Erdnax, le lundi 20 juin 2005 à 12:13:46

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.
(_..:: P'tit Suisse ::.._)

Répondre à Erdnax

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

nosliw, le lundi 20 juin 2005 à 14:39:17

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

Répondre à nosliw

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Erdnax, le lundi 20 juin 2005 à 15:14:16

Quel type de réglages ? :P
(_..:: P'tit Suisse ::.._)

Répondre à Erdnax

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

nosliw, le lundi 20 juin 2005 à 15:20:08

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

Répondre à nosliw

Ce message vous semble utile, votez !
Signaler ce message aux modérateurs

Erdnax, le lundi 20 juin 2005 à 15:47:03

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

;)
(_..:: P'tit Suisse ::.._)

Répondre à Erdnax

24 réponses 12 Suivant

Posez votre question Répondre