popup image

popup image - HTML/CSS - Programmation

Marsh Posté le 27-11-2004 à 01:59:13    

bonjour!
je voudrais faire un lien qui ouvre une popup dans laquelle se trouve une image.
mais le probleme C que G des images qui sont plus grande que ma popup.donc il la redimensionne ... chose que je ne veux pas [:-((]  
je veux que mon image reste a sa taille initiale et qu'on puisse la parcourir avec les scrolls
 
comment dois m'y prendre
 
voici ce que j'ai fait :
ca marche mais sa me redimensionne mon image selon si j'agrandi ou reduit la fenetre.
 

Code :
  1. function presse(page,largeur,hauteur,options) {
  2.   var top=(screen.height-hauteur)/2;
  3.   var left=(screen.width-largeur)/2;
  4.   window.open(page,"","top="+top+",left="+left+",width="+largeur+",height="+hauteur+","+options);
  5. }
  6. ...
  7. <?
  8. echo"<A HREF='javascript:zoom(\"./../medias/".$resultats['photo']."\",750,550,\"menubar=no,scrollbars=yes,resizable=yes,statusbar=no\" )' >";
  9. ?>


merci de votre aide


Message édité par attentio le 24-03-2005 à 20:52:01

---------------
L'ordinateur a de la mémoire mais aucun souvenir ...
Reply

Marsh Posté le 27-11-2004 à 01:59:13   

Reply

Marsh Posté le 27-11-2004 à 06:39:52    

Citation :

comment dois m'y prendre


 
salut (2),
 
soit :  
- mettre la photo dans une page.
ou :
- décocher "autoriser le redimensionnement automatique de l'image" dans les options internet de ton navigateur (I.E).
 
L.
 
 
 
 

Reply

Marsh Posté le 15-03-2005 à 11:43:51    

Est-ce qu'il y a une méthode pour que la popup qui s'ouvre ait exactement la même taille que l'image qu'elle contient ?
 
Mieux : si l'image est trop grande (par exemple 800*800max), il fait apparaître des scrolling


---------------
«Ceux qui croient que les peuples suivront leurs intérêts et non leurs passions n’ont rien compris au XXe siècle.» © Raymond Aron
Reply

Marsh Posté le 15-03-2005 à 15:26:35    

déjà, est-ce qu'il existe une foncion qui permettent de connaître la largeur et la hauteur d'une image ?


---------------
«Ceux qui croient que les peuples suivront leurs intérêts et non leurs passions n’ont rien compris au XXe siècle.» © Raymond Aron
Reply

Marsh Posté le 16-03-2005 à 17:11:09    

Sur allhtml.com, j'ai trouvé ce script :
 

Citation :


Image à placer dans le corps du document.
 
<img src="monimage.gif" height="15" name="image" ondblclick="agrandirimage()" onclick="reduireimage()">
 
 
Script à placer entre les balises <head> et </head>.
 
<script language="javascript">
<!--
function agrandirimage()
{
image.height="30"
}
function reduireimage()
{
image.height="15"
}
//-->
</script>


 
Alors je me demande si on ne pourrait pas mettre "image.height" et "image.width" à la place de 750 et 550 dans le code de attentio
?


Message édité par sire de Botcor le 16-03-2005 à 17:12:20

---------------
«Ceux qui croient que les peuples suivront leurs intérêts et non leurs passions n’ont rien compris au XXe siècle.» © Raymond Aron
Reply

Marsh Posté le 04-07-2005 à 14:51:49    

Pour éviter d'ouvrir un nouveau sujet... Je fais presque la même chose.
J'ai bien sûr chercher sur le net sans grand succès. Pire, Microsoft se vante de la fonction redimm auto pour IE6...
 
Sauf que j'ouvre une popup qui affiche un contenu pouvant être un fichier image seul ou un fichier html(ou php).
 
J'utilise window.open ( [URI], [NomFenêtre] (, [autres...]) );
 
Rien de spécial ici. Sauf que si l'URI est une image dont la taille est plus grande que la fenêtre (voire de l'écran !), le navigateur la redimmensionne automatiquement.
 
La parade connu, c'est de modifier les paramètres du navigateur dans ses options ou à travers la base de registre... Bof.
 
En fait, je voudrais désactiver le redimm auto de la fenêtre sans incorporer une seule ligne de code dans la popup (qui n'est qu'un fichier image).


Message édité par christophe_d13 le 04-07-2005 à 14:52:08
Reply

Marsh Posté le 07-07-2005 à 05:59:12    

Up...
 
J'ai quand même trouvé une fonction "user_pref"...
Avec comme id : browser.enable_automatic_image_resizing
 
Mais ça ne fonctionne pas sous IE (uniquement Mozilla/FireFox).

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed