Afficher une image dans un pop-up.

**Pragmateek** · 03/01/2007, 18h07

Salut!

Comment afficher une image, au format "GIF" par exemple, dans un pop-up de type "alert"?

Merci.

**FremyCompany** · 03/01/2007, 19h01

window.open(urlDeTonImage)

**Pragmateek** · 03/01/2007, 19h41

Merci, mais est-il possible de l'afficher seulement dans un pop-up afin que l'utilisateur reste sur la même page?

**FremyCompany** · 03/01/2007, 20h01

Envoyé par seriousme

Merci, mais est-il possible de l'afficher seulement dans un pop-up afin que l'utilisateur reste sur la même page?

C'est exactement ce que je viens de faire... As-tu testé ma fonction ?

**Pragmateek** · 03/01/2007, 21h53

Oui mais sous Firefox et Opera cela ouvre un nouvel onglet avec l'image et sous Internet Explorer 7 une nouvelle fenêtre s'ouvre.
Est-il possible de le faire avec un pop-up de type "alert" par exemple?

**Auteur** · 03/01/2007, 22h53

bonjour,

je te propose une variante :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
 
<html>
<head>
<title></title>
<style type="text/css">
<!--
#idDivImage{
 border: 3px outset #AAAAAA;
 position: absolute;
 float: left;
 display: none;
 z-index: 100;
}
 
.miniature{
 width: 20px;
}
//-->
</style>
 
<script type="text/javascript">
<!--
function popImage(image)
{
 document.getElementById("idDivImage").style.display = "block";
 document.getElementById("idImage").src=image.src;
}
function fermeImage()
{
 document.getElementById("idDivImage").style.display = "none";
}
//-->
</script>
 
</head>
 
<body>
 
<!-- images -->
<img class="miniature" src="image1.jpg" onmouseover="popImage(this)" onmouseout="fermeImage()">
<img class="miniature" src="image2.jpg" onmouseover="popImage(this)" onmouseout="fermeImage()">
 
<!-- div contenant l image agrandie Le placer APRES la liste des images !!-->
<div id="idDivImage"><img id="idImage" src=""></div>
 
<br>
hfjsdhfsdjkfhizefyhzuehfzuefuejfhsdjfhze ifhs jdhfzuiefh sdjfhzeui fhseufiz heufshgefu iezfusehuisef
khguiqsdhgfu gf uzegfzuefgqlfq eurfgulfgz uefgsfgzue fguefg ufgsjdfg uefgsufgz fguef gzieulf
jszhgefjz geufizg eufzge fuizegfuzie gflkq eufgqzk efgq kefg
</body>
 
</html>

Afficher une image dans un pop-up.

JavaScript

Discussions similaires

Partager

Partager