Affichage Bonne Annee

**thais781** · 10/12/2012, 18h08

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

**thais781** · 11/12/2012, 09h57

Bonjour,

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

Code html :

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
<!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 .....

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

Thais

**Vil'Coyote** · 11/12/2012, 10h38

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.

**thais781** · 11/12/2012, 10h54

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

**Vil'Coyote** · 11/12/2012, 14h34

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.

Affichage Bonne Annee

Discussions similaires

Partager

Partager