Affichage Bonne Annee

Version imprimable

10/12/2012, 18h08
thais781

Affichage Bonne Annee

Bonjour,

En cette période de fete, j'ai fait une image (.png) avec bonne année.
Je voudrais que lorsque l'on accède à mon site, par dessus mes pages, le message de bonne année s'affiche.
Un peu comme un pop-up ...
Après validation de l'utilisateur, on retrouve le bon site.

Savez-vous comment on fais ca ?

Thais

Bonjour,

J'ai creuser, mais la je suis bloquée ....
J'ai donc le code suivant :

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
36
37
38
39
40
41
42
43
44
<!doctype html>
<html lang="en-us">
<head>
	<meta charset="utf-8">
	<title>Lightbox</title>
 
	<link rel="shortcut icon" type="image/ico" href="images/favicon.gif" />	
	<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
 
	<SCRIPT LANGUAGE='Javascript'>
		function bienvenue() 
		{
			alert("Bonjour, bienvenu");
		}
	</SCRIPT>
</head>
 
<body onLoad='bienvenue()'>
 
 
  		<a href="images/examples/image-1.jpg" rel="lightbox"><img src="images/examples/thumb-1.jpg" alt="" /></a>
 
 
 
 
<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/jquery-ui-1.8.18.custom.min.js"></script>
<script src="js/jquery.smooth-scroll.min.js"></script>
<script src="js/lightbox.js"></script>
 
<script>
        jQuery(document).ready(function($) 
        {
                $('.showOlderChanges').on('click', function(e)
                {
                $('.changelog .old').slideDown('slow');
                $(this).fadeOut();
                e.preventDefault();
        })
        });
</script>
</body>
</html>

Donc :
- Je peux afficher un box au lancement d'une page
- Je peux afficher une image dans une box quand je clique dessus.

MAIS :
Je n'arrive pas à afficher l'image non pas en cliquant dessus mais via le onload .....:cry:

Si vous avez des idées, n'hésitez pas .....
Merci pour votre aide

Thais

11/12/2012, 10h38
Vil'Coyote

lightbox avec jquery c'est l'utilisation d'un DIV pour encapsuler les données à afficher. et non utiliser un simple affichage d'image.

dans le pire du pire, utilisation d'un div avec un z-index supérieur à ta page. lorsque du clic dessus tu le fait disparaître. il faut donc voir du côté javascript.
11/12/2012, 10h54
thais781

Bonjour,

Merci pour votre message.
Mais je suis un peu débutante (et blonde) ... et la, je ne suis plus ...

Ca veut dire qu'avec lightbox, ce n'est pas possible ?
Avec javascript, on ne peut faire que des box simple (alert, confirm ...) enfin à ma connaissance.
Impossible d'afficher des images via ces simples Box et il fallait utiliser des lightbox.

A moins que vous ayez une autre solution ?

Thais
11/12/2012, 14h34
Vil'Coyote

non ma réponse est qu'avec jquery c'est possible d'afficher une image mais c'est via l'utilisation d'un div et non comme tu le met dans ton code une image classique ou un alerte.

l'autre solution indiqué est identique au lightbox mais sans jquery. il s'agit seulement d'utiliser un div via une fonction js qui permettrais l'affiche et le masquage de la zone. D'ou l'utilisation de z-index pour mettre ton div en premier plan et le javascript pour afficher/masquer l'image / div.