Les images

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. Modérateur
    <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
    1. Modérateur
      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()">
      1. Eu si j'ai bien compris :
      2. (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?
      3. Modérateur
        @NoaLa 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.
      4. @Noaouais j'ai essayé d'aller chercher un peu loin.^^
        je ferais mieux de la f......

        a+
    2. Modérateur
      1. Merci beaucoup, je vais essayé dessuite, je vous dit si sa marche ;) :p
      2. 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.
      3. 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, ....)
      4. @maxime_BJe 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
      5. @maxime_Bnormalement 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
    3. 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
      1. 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.