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 :

Ouvrir une page après une petite animation


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Inscrit en
    Octobre 2003
    Messages
    156
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 58
    Localisation : France, Vaucluse (Provence Alpes Côte d'Azur)

    Informations forums :
    Inscription : Octobre 2003
    Messages : 156
    Par défaut Ouvrir une page après une petite animation
    Bonjour,

    Sur mon site internet, on passe de la page index à la page de présentation en cliquant sur une image située au centre de l'écran.

    Je voudrais remplacer cette image fixe par une petite animation, qui se lancerait quand on clique dessus. A la fin de l'animation, on passerait à la page de présentation. L'animation ne devrait pas tourner à l'affichage de la page index.

    Pour être plus clair : lorsqu'on affiche la page index, on verra une photo fixe d'un portail. Lorsqu'on clique sur l'image, je souhaiterais voir le portail s'ouvrir (j'ai les photos de quelques étapes de l'ouverture, je ne souhaite pas vraiment une video), puis lorsqu'il est ouvert, qu'on passe à la page de présentation.

    Ma question est très simple : comment faire ?

    J'ai déjà trouvé un script javascript, qui fait défiler les images, en boucle. en la modifiant un peu, je pense pouvoir obtenir une séquence unique. Ce que je ne sais pas trop, c'est comment faire pour appeler ma page ded présentation à la fin de la séquence.

    Je suis preneur de toute autre solution, ou suggestion.

    D'avance merci !

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    j'imagine bien un petit tur avec jquery qui modifie le la position du background d'un div
    un peu comme dans cette contribution
    ce qui permet ensuite de maitriser la fin de l'animation et d'appeler la page suivante sur le callback
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre confirmé
    Homme Profil pro
    Inscrit en
    Octobre 2003
    Messages
    156
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 58
    Localisation : France, Vaucluse (Provence Alpes Côte d'Azur)

    Informations forums :
    Inscription : Octobre 2003
    Messages : 156
    Par défaut
    Merci SpaceFrog pour cette réponse, dont il manque à mon avis une partie... C'est sans doute l'illustration des 2 règles pour réussir ....

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    Arrf il va encore falloir que je gère une nouvelle dose de succès

    Il manque en effet le lien vers al petit contribution salvatrice
    http://www.developpez.net/forums/d90...-dessin-anime/
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Membre confirmé
    Homme Profil pro
    Inscrit en
    Octobre 2003
    Messages
    156
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 58
    Localisation : France, Vaucluse (Provence Alpes Côte d'Azur)

    Informations forums :
    Inscription : Octobre 2003
    Messages : 156
    Par défaut
    Bonjour,

    Je reformule ma demande, car la réponse qui a été apportée ne correspond pas à la question....

    - j'ai une page affichée avec une image fixe
    - lorsque je clique sur cette image, je veux que 5 à 6 images différentes s'affichent successivement au même emplacement, à un intervalle d'une demi seconde à 1 seconde
    - ensuite, à la fin de cette succession, je veux qu'une nouvelle page s'affiche.

    Autrement dit, je souhaite que au clic sur l'image, apparaisse une image représentant le chiffre 5, puis 4, puis 3, puis 2 puis 1 puis 0, et enfin une nouvelle page remplace la page actuelle.

    L'exemple proposé montrait une animation déjà en mouvement à l'affichage de la page, et se déroulant en boucle infinie, de plus avec déplacement de l'image dans l'écran, ce que je ne souhaite pas.

    D'autre part, je ne sais pas comment faire pour :
    maitriser la fin de l'animation et d'appeler la page suivante sur le callback
    Sans doute cette demande parait tellement évidente que la réponse n'a pas été donnée. Elle ne l'est pas pour moi... Je suis autodidacte, donc imparfaitement compétent.

  6. #6
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    Je reformule ma réponse puisque apparemment tu n'as pas du la saisir ...

    - j'ai une page affichée avec une image fixe
    Il suffit de mettre au depart la première image du sprite

    - lorsque je clique sur cette image, je veux que 5 à 6 images différentes s'affichent successivement au même emplacement, à un intervalle d'une demi seconde à 1 seconde
    ben là sur le click il suffit de lancer le script qui va faire defiler les 4 à 5 images suivantes ...

    - ensuite, à la fin de cette succession, je veux qu'une nouvelle page s'affiche.
    Et là sur la callback de la fonction on ouvre la page suivante ...

    Vaut mieux en général dire je n'a pas réussi à mettre en oeuvre ce que l'on m'a proposé plutot de dire que ça ne correspond pas à ce que je demande ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

Discussions similaires

  1. Interdire l'accès à une page après une certaine date
    Par Artalatakt dans le forum Débuter
    Réponses: 2
    Dernier message: 19/11/2014, 10h00
  2. [AJAX] Rafraichissement d'une page après une requête
    Par segning dans le forum jQuery
    Réponses: 0
    Dernier message: 08/04/2013, 02h12
  3. rafraichir une page après une action
    Par jamesleouf dans le forum Struts 1
    Réponses: 1
    Dernier message: 25/03/2009, 12h22
  4. [XHTML] [débutant] Ouvrir une page dans une page xhtml
    Par wikers dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 14/02/2006, 16h20
  5. Garder une dataset d'une page a une autre
    Par amika dans le forum Langage
    Réponses: 13
    Dernier message: 15/11/2005, 23h13

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