Les images

Noa -  
lami20j Messages postés 21506 Date d'inscription   Statut Modérateur, Contributeur sécurité Dernière intervention   -
Bonjour a tous,

J'ai créer un site perso, kkwet30.free.fr

Et je voulais savoir comment on fesait pour ouvrir une image dans une nouvelle fenetre, que cette nouvelle fenetre soit à la taille de l'image ou a une taille donné (par moi) et que quand on clique sur l'image la fenetre se referme

Merci pour vos future réponce

Julie NOA

4 réponses

  1.
    maxime_B Messages postés 822 Statut Membre 55
     
    bon alors pour commencer 
    <img src="monimage.bmp" target="_new">

    pour la taille, il suffit de mettre 
    width="100%"
    => pourcentage de l'écran prit 
    height="50px"
    => la taille en pixels

    widht étant pour la largeur et height pour la hauteur

    quand on clique sur l'image elle se ferme..

    ça désolé je ne suis pas trop sur et je ne crois pas savoir
    0
    1. Noa
       
      Je vais paraitre très con mais ce n'est pas grave ...

      Voici mon code :

      <a href="../images/equibook_arts2.jpg" target="_blank"><img src="../images/equibook_arts2p.jpg" alt="art" width="200" height="150" border="0" /></a>

      Et sa a pour effet de m'afficher ma photo ../images/equibook_arts2p.jpg (qui est la miniature) sur ma page, et quand je clique dessus, sa m'ouvre une fenetre en plein écrans avec l'image ../images/equibook_arts2.jpg (qui est l'image en 800x600) .

      Ou doit je changer pour que la fenetre soit aux dimmentions de l'image (soit 800x600)

      Je ne code pas vraiment mes pages (bien que je commence a comprendre comme sa marche au fur et a messure) j'utilise dreamweaver coté création.
      0
  2. kilian Messages postés 8675 Date d'inscription   Statut Modérateur Dernière intervention   1 526
     
    Pour fermer la fenêtre:
    http://www.commentcamarche.net/javascript/jswindow.php3
    0
    1. Noa
       
      Merci beaucoup, je vais essayé dessuite, je vous dit si sa marche ;) :p
      0
    2. Noa
       
      Ben je vien de lire tout sa, je ne comprend pas ce que je doit rajouter pour que l'image se ferme quand on clique dessus, mon site etant codée en HTML.
      0
    3. maxime_B Messages postés 822 Statut Membre 55
       
      ne t'inquiète pas et essaye de comprendre le lien que killian t'a donné. Tu peux insérer quasi tous les languages possibles dans une page internet, faut juste changer l'extension ( en général c'est .php, .html, ....)
      0
    4. Noa > maxime_B Messages postés 822 Statut Membre
       
      Je ne peut pas changer l'extension de ma pages, car elle est en PHP, et sans cette extension, mais phrases aléatoires ne marcherons plus
      0
    5. maxime_B Messages postés 822 Statut Membre 55 > maxime_B Messages postés 822 Statut Membre
       
      normalement php c'est bon pour tout
      t'as qu'à utiliser la formule javascript dans le genre 
      <script language="Javascript" type="text/javascript">

<img src="monimage.jpg" href="javascript:OnClick.window.close()"/>

</script>

      je ne suis pas sur que ça fonctionne il faudra vérifier par toi-même
      0
  3. lami20j Messages postés 21506 Date d'inscription   Statut Modérateur, Contributeur sécurité Dernière intervention   3 571
     
    Voilà un script pour ouvrir une autre fenêtre qui peut contenir une image 
    <script type="text/javascript" language="javascript">
<!--
function fenetre(wurl,wnom,w,h,ws) {
  var options = "toolbar=0,location=0,directories=0,status=0,menubar=0,resizable=1, scrollbars="+ws+",width="+w+",height="+h;
  var fenetre = window.open(wurl, wnom, options);
  if(fenetre.focus){fenetre.focus();}
}
// End -->


</script>

    application 
    <a href="javascript:fenetre('/ton/fichier.html',200,800,500,120,1)">
				<img src="/ta/image.jpg" width="25" height="20" border="0" ></a>


    <body bgcolor="#f5fffa" text="#000000" style="margin-left:5px;margin-right:0px;font-size:14pt"

    Dans la fenêtre qui va contenir l'image mais dans la balise <body ...... onclick="window.close()">
    0
    1. Noa
       
      Eu si j'ai bien compris :
      0
    2. Noa
       
      (oups erreur clavier)

      Eu si j'ai bien compris :
      Je met tout ceci :

      <script type="text/javascript" language="javascript">
      <!--
      function fenetre(wurl,wnom,w,h,ws) {
      var options = "toolbar=0,location=0,directories=0,status=0,menubar=0,resizable=1, scrollbars="+ws+",width="+w+",height="+h;
      var fenetre = window.open(wurl, wnom, options);
      if(fenetre.focus){fenetre.focus();}
      }
      // End -->


      </script>

      Dans la balise Head de ma page

      Puis je met ça :

      <a href="javascript:fenetre('/ton/fichier.html',200,800,500,120,1)">
      <img src="/ta/image.jpg" width="25" height="20" border="0" ></a>

      A la place de ceci :

      <a href="../../images/Equibook_raceseuropeennes_camargue1.jpg" target="_blank" width="100%"><img src="../../images/Equibook_raceseuropeennes_camargue1p.jpg" alt="camargue" width="200" height="150" border="0" /></a>

      Et la cela va ouvrir mon image dans une nouvelle fenetre a la taille de mon image?
      0
      1. lami20j Messages postés 21506 Date d'inscription   Statut Modérateur, Contributeur sécurité Dernière intervention   3 571 > Noa
         
        La nouvelle fenêtre en fait c'est un autre fichier html qui contient seulement ton image. Et pour la fermer mais dans la balise l'evenement onclick().

        Pour la taille c'est à toi de voir.
        0
      2. maxime_B Messages postés 822 Statut Membre 55 > Noa
         
        ouais j'ai essayé d'aller chercher un peu loin.^^
        je ferais mieux de la f......

        a+
        0
  4. lami20j Messages postés 21506 Date d'inscription   Statut Modérateur, Contributeur sécurité Dernière intervention   3 571
     
    <a href="javascript:fenetre('/ton/fichier.html',200,800,500,120,1)">
				<img src="/ta/image.jpg" width="25" height="20" border="0" ></a>


    Pour cette partie de code en fait j'utilise une loupe pour (afficher mon fichier.html qui contient l'image)

    Tu peux écrire
    <a href="javascript:fenetre('/ton/fichier.html',200,800,500,120,1)">Mon image agrandi</a>


    Je crois que ce n'était pas difficile à comprendre
    <a href="">lien</a> donc à la place d'un mot ou phrase j'utilise une image
    0

Discussions similaires

Retrouver l'image originale d'une photo modifiée
Raven -
Asta972155 -

10 réponses
ads by images+
Fildyr -
bazfile -

5 réponses
PIX
plart -
jordane45 -

1 réponse
calcule nombre des pixels "noir" dans un image (noir/blanc)
neji55 -
nath84150 -

3 réponses
4 images 1 mot
Helene -
Dan032 -

5 réponses