p
u
b
l
i
c
i
t
é
publicité

Discussion: Affichage Bonne Annee

  1. #1
    Nouveau Membre du Club
    Inscrit en
    février 2010
    Messages
    329
    Détails du profil
    Informations forums :
    Inscription : février 2010
    Messages : 329
    Points : 31
    Points
    31

    Par défaut 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

  2. #2
    Nouveau Membre du Club
    Inscrit en
    février 2010
    Messages
    329
    Détails du profil
    Informations forums :
    Inscription : février 2010
    Messages : 329
    Points : 31
    Points
    31

    Par défaut

    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

  3. #3
    Modérateur
    Avatar de Vil'Coyote
    Profil pro
    Développeur Web
    Inscrit en
    février 2008
    Messages
    4 015
    Détails du profil
    Informations personnelles :
    Âge : 34
    Localisation : France, Marne (Champagne Ardenne)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : février 2008
    Messages : 4 015
    Points : 5 898
    Points
    5 898

    Par défaut

    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.
    la vie n'est pas cirrhose des foies ...

  4. #4
    Nouveau Membre du Club
    Inscrit en
    février 2010
    Messages
    329
    Détails du profil
    Informations forums :
    Inscription : février 2010
    Messages : 329
    Points : 31
    Points
    31

    Par défaut

    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

  5. #5
    Modérateur
    Avatar de Vil'Coyote
    Profil pro
    Développeur Web
    Inscrit en
    février 2008
    Messages
    4 015
    Détails du profil
    Informations personnelles :
    Âge : 34
    Localisation : France, Marne (Champagne Ardenne)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : février 2008
    Messages : 4 015
    Points : 5 898
    Points
    5 898

    Par défaut

    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.
    la vie n'est pas cirrhose des foies ...

Discussions similaires

  1. BONNE ANNEE 2013 à tous !
    Par jreaux62 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 01/01/2013, 00h30
  2. bonne annee 2009 a tous et a toutes
    Par blondelle dans le forum C++Builder
    Réponses: 8
    Dernier message: 07/01/2009, 15h42
  3. BONNE ANNEE 2008 !!!!
    Par kOrt3x dans le forum Apple
    Réponses: 0
    Dernier message: 01/01/2008, 00h40
  4. sessions et non affichage de la bonne session
    Par oceane751 dans le forum Sessions
    Réponses: 2
    Dernier message: 30/09/2006, 17h52
  5. pb affichage de la bonne valeur
    Par moonia dans le forum Syntaxe
    Réponses: 5
    Dernier message: 02/06/2006, 15h19

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo