IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

ouvrir une image dans une nouvelle fenêtre


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Septembre 2010
    Messages
    69
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Septembre 2010
    Messages : 69
    Par défaut ouvrir une image dans une nouvelle fenêtre
    bonjour, un membre du forum m'a donner le code ci dessous pour pouvoir afficher mes images comme je le voulais. Maintanant, j'aimerais que lorsqu'on click sur la grande, l'image en taille réelle s'ouvre dans une nouvelle fenetre.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <script type='text/javascript'>
    modifie_image('EFLR48TBX.jpg');
    function modifie_image(param){
    document.getElementById('GDimage').src='/img/moy/Efco/'+param;
    }
     
    </script>

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <img src='/img/moy/Efco/EFLR48TBX.jpg' id='GDimage' /><br>
    <img src='/img/mini/Efco/EFLR48TBX.jpg' onmouseover="javascript:modifie_image('EFLR48TBX.jpg');"  />
    <img src='/img/mini/Efco/efar53tbxf.jpg' onmouseover="javascript:modifie_image('efar53tbxf.jpg');" />
    <img src='/img/mini/Efco/pro53.jpg' onmouseover="javascript:modifie_image('pro53.jpg');" />
    merci d'avance
    cFranssen

  2. #2
    Expert confirmé
    Avatar de Watilin
    Homme Profil pro
    En recherche d'emploi
    Inscrit en
    Juin 2010
    Messages
    3 100
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Ille et Vilaine (Bretagne)

    Informations professionnelles :
    Activité : En recherche d'emploi

    Informations forums :
    Inscription : Juin 2010
    Messages : 3 100
    Par défaut
    Bonsoir,
    essaye ça :
    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    function modifie_image(param){
        …
        location = '/img/moy/Efco/' + param;
    }

    La FAQ JavaScript – Les cours JavaScript
    Touche F12 = la console → l’outil indispensable pour développer en JavaScript !

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Septembre 2010
    Messages
    69
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Septembre 2010
    Messages : 69
    Par défaut
    eeeeeeeeeee ? il faut un "onclick" qui démare un nouvelle fonction, non ?

    enfin, merci quand même car je viens de faire ceci:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
     
    function modifie_image(param){
    document.getElementById('GDimage').src='/img/moy/Efco/'+param;
     
    }
     
    function big_image(param){
     
    location = '/img/big/Efco/' + param;
     
    }

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <img src='/img/moy/Efco/EFLR48TBX.jpg' id='GDimage' onclick="javascript:big_image('EFLR48TBX.jpg');"/><br><br>
    <img src='/img/mini/Efco/EFLR48TBX.jpg' onmouseover="javascript:modifie_image('EFLR48TBX.jpg');"  />
    <img src='/img/mini/Efco/efar53tbxf.jpg' onmouseover="javascript:modifie_image('efar53tbxf.jpg');" />
    <img src='/img/mini/Efco/pro54.jpg' onmouseover="javascript:modifie_image('pro54.jpg');" />

    mais j'aimerrais que l'image s'ouvre dans une nouvelle fenêtre (adapté à la taille de l'image) et pas toujours la meme car pour le moment c'est toujours la première qui s'ouvre

  4. #4
    Membre émérite Avatar de Atomya Rise
    Femme Profil pro
    Développeuse Web
    Inscrit en
    Février 2009
    Messages
    443
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 39
    Localisation : France, Somme (Picardie)

    Informations professionnelles :
    Activité : Développeuse Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Février 2009
    Messages : 443
    Par défaut
    Je pense qu'un window.open te suffirais....
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    window.open(LIEN_DE_TON_IMAGE, NOM_DU_CADRE);

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Septembre 2010
    Messages
    69
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Septembre 2010
    Messages : 69
    Par défaut
    Citation Envoyé par Atomya Rise Voir le message
    Je pense qu'un window.open te suffirais....
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    window.open(LIEN_DE_TON_IMAGE, NOM_DU_CADRE);
    (désoler de ne pas avoir répondu plus tot)

    bonjour, ça fonctionne bien dans IE mais je viens de me rendre compte que dans firefox, ça ouvre un nouvel onglet

  6. #6
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Pour ouvrir une fenêtre (et non un onglet) avec window.open(), il suffit de préciser des dimensions en paramètre.
    Voir : Comment ouvrir une pop-up ?
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

Discussions similaires

  1. [Débutant] Manipulation d'images : intégrer une image dans une image
    Par noscollections dans le forum VB.NET
    Réponses: 2
    Dernier message: 17/10/2014, 11h51
  2. Une image dans une image (image map?)
    Par oklama dans le forum Langage
    Réponses: 3
    Dernier message: 24/01/2007, 14h13
  3. Mettre une Image dans une Image
    Par shadowhocine dans le forum SWT/JFace
    Réponses: 2
    Dernier message: 19/12/2006, 18h40
  4. Réponses: 3
    Dernier message: 30/10/2006, 11h21
  5. Insérer une légende dans une image avec une police plus petite
    Par Paulinho dans le forum Tableaux - Graphiques - Images - Flottants
    Réponses: 3
    Dernier message: 29/04/2006, 14h19

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo