IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Lightbox au demarage de la page d'acceuil?


Sujet :

JavaScript

  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    14
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2009
    Messages : 14
    Par défaut Lightbox au demarage de la page d'acceuil?
    Bonjour a tous,
    Je souhaiterai intégrer juste avant le chargement de la page d'accueil de mon site internet, une lightbox ou une application qui permettrait d'afficher une image pendant 3 secondes.
    Celle ci apparaitrait lors du chargement de la page home et fermerait automatiquement sans clic.
    L'effet souhaité serait similaire a celui de la lightbox avec un fond noir.

    Avez vous une idee pour ce genre d'application?

    Merci de votre attention
    Florian

  2. #2
    Membre Expert
    Avatar de emmanuel.remy
    Inscrit en
    Novembre 2005
    Messages
    2 855
    Détails du profil
    Informations personnelles :
    Âge : 56

    Informations forums :
    Inscription : Novembre 2005
    Messages : 2 855
    Par défaut
    Salut,

    Tu peux faire afficher à ta page d'index une image d'accueil et tu routes vers ta page d'accueil n secondes plus tard.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
      <script type="text/javascript">
        function goAccueil() {
          setTimeout("window.location='http://www.developpez.com';", 5000);
        }
      </script>
     
      </head>
      <body onload="goAccueil();">
          <img src="http://gfx.developpez.com/tutoriel/java/swing/splash/images/splash2.png" />
      </body>
    </html>
    ERE

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    14
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2009
    Messages : 14
    Par défaut
    Salut,
    Merci pour ton aide, c cool
    En fait je dois integrer le code ci dessus dans le fichier index.php?
    Est ce que on va retrouver le meme effet qu'avec une lightbox?
    Merci
    Florian

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Mai 2009
    Messages
    14
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2009
    Messages : 14
    Par défaut
    Salut,
    Est ce que je dois a ce code intégrer un code lightbox (après l'avoir active sur wordpress) ?
    Merci

  5. #5
    Membre Expert
    Avatar de emmanuel.remy
    Inscrit en
    Novembre 2005
    Messages
    2 855
    Détails du profil
    Informations personnelles :
    Âge : 56

    Informations forums :
    Inscription : Novembre 2005
    Messages : 2 855
    Par défaut
    Salut,

    Ce code fonctionnel te montre uniquement l'enchainement que tu peux utiliser, de manière très simple. A toi d'adapter en fonction de ton contexte, tes librairies...

    ERE

Discussions similaires

  1. Réponses: 15
    Dernier message: 15/01/2006, 20h02
  2. Réponses: 5
    Dernier message: 03/12/2005, 12h50
  3. Page d'acceuil avec photoshop-Image ready
    Par Lyn2004 dans le forum Webdesign & Ergonomie
    Réponses: 4
    Dernier message: 06/02/2005, 14h50
  4. page d'acceuil site ASP
    Par MASSAKA dans le forum ASP
    Réponses: 4
    Dernier message: 06/10/2004, 11h24
  5. parametrer page d'acceuil
    Par dehbi dans le forum Apache
    Réponses: 5
    Dernier message: 29/07/2004, 16h32

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