image pop-up à l'ouverture du site web

Version imprimable

11/02/2011, 11h11
Alfred23

image pop-up à l'ouverture du site web

Bonjour, :)

Je souhaite faire apparaitre, à l'ouverture d'un site web, une image qui ne soit pas dans une fenêtre windows et que l'internaute puisse fermer une fois le message lu (petite croix en haut à droite de l'image). Je voudrais faire une sorte de pop-up mais sans fenêtre... J'espère que je suis à peu près clair... :?

En cherchant un peu partout, je me suis laissé dire qu'il s'agissait de JavaScript, mais je ne sais pas du tout comment faire ça.

Est-ce que quelqu'un pourrait m'expliquer ? (J'utilise Dreamweaver CS4 pour la création du site)

Merci d'avance !!

Alfred
11/02/2011, 12h08
Alfred23

Exemple

J'ai trouvé ce lien qui expliquera mieux ce que je cherche à faire !

http://www.webside-creative.com/impact-popup/

Cordialement,
11/02/2011, 12h55
NoSmoking

Bonjour,
une simple DIV que l'on affiche au départ et que l'on masque par appui sur un button, le reste n'est qu'une affaire de style.
11/02/2011, 12h59
Alfred23

Image pop-up dans div

Bonjour,

Merci pour cette idée, je n'y avais pas pensé... Mais comment faire pour que ce DIV apparaisse "par-dessus"la page d'accueil ?

Alfred

Il devrait le faire naturellement sinon il y a z-index.

Code:

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Popup</title>
<style type="text/css">
html, body {
  font-family : Verdana, Arial
}
.popup {
  position : absolute;
  text-align : center;
  height : 200px;
  width : 400px;
  left : 50%;
  top : 100px;
  margin-left : -200px;
  border : 1px solid #000;
  background-color : #fafaa0;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<p>Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt?</p>
<p>Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt?</p>
<p>Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt?</p>
<p>Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt?</p>
<p>Quam ob rem id primum videamus, si placet, quatenus amor in amicitia progredi debeat. Numne, si Coriolanus habuit amicos, ferre contra patriam arma illi cum Coriolano debuerunt?</p>
<div class="popup" onclick="this.style.display='none'">
 <br><br>Le message &agrave; faire passer.
</div>
</body>
</html>

voila un exemple rapide, il suffit dans cet exemple de cliquer sur la DIV pour qu'elle soit masquée.

11/02/2011, 15h00
Alfred23

Merci beaucoup pour ton aide ! :D

A partir de là, je pense que j'arriverai à faire ce que je veux : faire en sorte, en plus, que le div ne s'affiche qu'une fois.