Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > JavaScript
JavaScript Forum programmation JavaScript. Lire : Cours JavaScript, FAQ JavaScript, Toutes les FAQ JavaScript et Sources JavaScript
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 16/12/2010, 20h32   #1
Invité de passage
 
Inscription : septembre 2010
Messages : 69
Détails du profil
Informations forums :
Inscription : septembre 2010
Messages : 69
Points : 4
Points : 4
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 :
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 :
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
cFranssen est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 16/12/2010, 20h48   #2
Membre Expert
 
Avatar de Watilin
 
Homme Matilin Torre
Étudiant
Inscription : juin 2010
Messages : 679
Détails du profil
Informations personnelles :
Nom : Homme Matilin Torre
Âge : 23
Localisation : France, Ille et Vilaine (Bretagne)

Informations professionnelles :
Activité : Étudiant

Informations forums :
Inscription : juin 2010
Messages : 679
Points : 1 202
Points : 1 202
Bonsoir,
essaye ça :
Code HTML :
1
2
3
4
function modifie_image(param){
    …
    location = '/img/moy/Efco/' + param;
}

__________________
Disposition de clavier ergonomique française : Bépo
Watilin est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 16/12/2010, 20h50   #3
Invité de passage
 
Inscription : septembre 2010
Messages : 69
Détails du profil
Informations forums :
Inscription : septembre 2010
Messages : 69
Points : 4
Points : 4
eeeeeeeeeee ? il faut un "onclick" qui démare un nouvelle fonction, non ?

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

Code :
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 :
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
cFranssen est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 16/12/2010, 21h49   #4
Membre Expert
 
Avatar de Atomya Rise
 
Femme Emilie Lefol
En recherche d'emploi
Inscription : février 2009
Messages : 410
Détails du profil
Informations personnelles :
Nom : Femme Emilie Lefol
Âge : 26
Localisation : France, Somme (Picardie)

Informations professionnelles :
Activité : En recherche d'emploi
Secteur : High Tech - Multimédia et Internet

Informations forums :
Inscription : février 2009
Messages : 410
Points : 1 275
Points : 1 275
Je pense qu'un window.open te suffirais....
Code :
1
2
 
window.open(LIEN_DE_TON_IMAGE, NOM_DU_CADRE);
__________________

Si un message vous a aidé, pensez à voter positivement pour lui ! Merci
Pas de question technique en privé
- Si on criait sur la place publique les fautes de tout le monde, on ne pourrait plus fréquenter personne ! (Marcel Pagnol)
- Technocrates, c’est les mecs que, quand tu leur poses une question, une fois qu’ils ont fini de répondre, tu comprends plus la question que t’as posée. (Coluche)
Atomya Rise est déconnecté   Envoyer un message privé Réponse avec citation 10
Vieux 13/01/2011, 19h44   #5
Invité de passage
 
Inscription : septembre 2010
Messages : 69
Détails du profil
Informations forums :
Inscription : septembre 2010
Messages : 69
Points : 4
Points : 4
Citation:
Envoyé par Atomya Rise Voir le message
Je pense qu'un window.open te suffirais....
Code :
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
cFranssen est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 13/01/2011, 20h46   #6
Responsable Développement Web

 
Avatar de Bovino
 
Homme Didier Mouronval
Développeur Web
Inscription : juin 2008
Messages : 13 802
Détails du profil
Informations personnelles :
Nom : Homme Didier Mouronval
Âge : 41
Localisation : France, Gironde (Aquitaine)

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

Informations forums :
Inscription : juin 2008
Messages : 13 802
Points : 35 807
Points : 35 807
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 !
Vous possédez un blog et aimeriez diffuser vos billets sur le forum, 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
Bovino est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 03h09.


 
 
 
 
Partenaires

Hébergement Web