+ Répondre à la discussion
Affichage des résultats 1 à 5 sur 5

Discussion: Affichage Bonne Annee

  1. #1
    Futur Membre du Club
    Inscrit en
    février 2010
    Messages
    270
    Détails du profil
    Informations forums :
    Inscription : février 2010
    Messages : 270
    Points : 18
    Points
    18

    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
    Futur Membre du Club
    Inscrit en
    février 2010
    Messages
    270
    Détails du profil
    Informations forums :
    Inscription : février 2010
    Messages : 270
    Points : 18
    Points
    18

    Par défaut

    Bonjour,

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

    Code html :
    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 000
    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 000
    Points : 5 872
    Points
    5 872

    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
    Futur Membre du Club
    Inscrit en
    février 2010
    Messages
    270
    Détails du profil
    Informations forums :
    Inscription : février 2010
    Messages : 270
    Points : 18
    Points
    18

    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 000
    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 000
    Points : 5 872
    Points
    5 872

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

Liens sociaux

Règles de messages

  • Vous ne pouvez pas créer de nouvelles discussions
  • Vous ne pouvez pas envoyer des réponses
  • Vous ne pouvez pas envoyer des pièces jointes
  • Vous ne pouvez pas modifier vos messages
  •