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 :

GreyBox chargement de ma page


Sujet :

JavaScript

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    72
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Avril 2006
    Messages : 72
    Par défaut GreyBox chargement de ma page
    Bonjour,

    J'ai une galerie de photo développée par mes soins en PHP/MySQL qui fonctionne très bien.

    J'ai inclus dans cette galerie une GREYBOX (Petit effet javascript pour afficher les photos en grand)

    Cette solution fonctionne très bien, seul bémol, pour que la Greybox fonctionne il faut attendre le chargement complet de la page, chose qui prend plusieurs secondes vu qu'il s'agit d'images.

    En gros, si je clique sur une photo avant le chargement complet de la page, la photo s'ouvre dans une nouvelle fenêtre sans effet.

    Voilà ma question : Est-il possible de modifier qqch dans le code de la greybox pour forcer l'attente de la fin de la page ?

    Sinon comment faire un script qui bloque l'accès a la page avant qu'elle ne soit complètement chargée ?

    Merci

    BigZ

  2. #2
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Par défaut
    ne connaissant pas ton code il serait difficile de t'aider ...
    ni ta galerie

    sinon :

    http://easynews.free.fr/diapoFluidev2/

    ou

    http://easynews.free.fr/diapoFluide/

    a skinner pour qu'elle ressemble a greybox

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    72
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Avril 2006
    Messages : 72
    Par défaut
    Hello,

    heu le code de la Greybox, ben il est long et en plusieurs fichiers. Et vu que javascript c'est pas ma tasse de thé, je saurai même pas te montrer une portion de code intéressante.

    Si jamais c'est téléchargeable ici : http://orangoo.com/labs/GreyBox/Download/

    Merci de ta réponse rapide, et de ton aide.

    Pour ce qui est de tes liens, on m'a demandé d'utiliser la Greybox, je ne peux donc pas tellement faire autrement...

    BigZ

  4. #4
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Par défaut
    a toi d'être force de proposition
    mon script est léger , non intrusif et je t'aiderais beaucoup plus facilement a le mettre en place

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    72
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Avril 2006
    Messages : 72
    Par défaut


    Ton script est très joli, mais malheureusement difficilement adaptable au design de mon site, voilà pourquoi je souhaite utiliser la greybox...

    Je comprend que tu n'ai pas envie de te plonger dans le code source de la Greybox, mais dans ce cas, est-ce que tu peux me donner une technique pour "verrouiller" la page avant qu'elle ne soit complètement chargée ?

    Genre avec un texte qui met "Page en cours de chargement" etc. et qui disparait une fois toutes les images affichées...

    Merci ;-)

  6. #6
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Par défaut
    peux-ton voir ta page ?
    ps : mon code est non intrusif donc je ne vois pas comment il serait difficile de l'intègrer ^^

  7. #7
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    72
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Avril 2006
    Messages : 72
    Par défaut
    Pas de souci.

    http://www.jeunesse-satigny.ch/galer...on=photos&id=5

    Si tu te dépêche de cliquer sur une photo, elle s'affiche...normalement.

    Par contre, si tu attends qu'elle soit chargée complètement, la Greybox va fonctionner...

  8. #8
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Tu peux n'activer ta box qu'au onload de la dernière photo...
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  9. #9
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    72
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Avril 2006
    Messages : 72
    Par défaut
    Citation Envoyé par Bovino Voir le message
    Tu peux n'activer ta box qu'au onload de la dernière photo...
    Comment faire cela ?

    Je suis vraiment pas a l'aise en javascript...

  10. #10
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Par défaut
    hum hum ...
    alors au vu du grand nombre d'image chargé effectivement tu devrais utiliser une méthode de chargement d'image ...

    => créer un tableau en javascript contenant toute tes images , puis faire un préload et une fois toute chargée tu remplis ton tableau ( celui coté html ) et tu masques le message d'attente

  11. #11
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Par exemple :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    window.onload=function(){
    document.images[document.images.length - 1].onload = function(){
        // Le code de lancement (de ta box, pas des missiles nucléaires !!!)
    }
    }
    }
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  12. #12
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    72
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Avril 2006
    Messages : 72
    Par défaut
    Rebonjour,

    J'ai réfléchi cette nuit

    Le problème c'est pas justement que la greybox ne se charge que a la fin de la page ?

    Si dès que j'arrive sur ma page je clique sur ma 1ère photo et qu'elle s'ouvre comme si greybox n'existait pas ?

    A tout hasard, je vous ai mis les 3 fichiers qui composent la greybox, pe que vous y verrez plus clair que moi

    Merci
    Fichiers attachés Fichiers attachés

  13. #13
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Par défaut
    non j'ai déja fais des test, les script sont interprèté après le chargement de la pages

    essaye ce que Bovino t'as montré
    sinon une méthode de load de tes miniatures bloquant l'accès au site ...

  14. #14
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    72
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Avril 2006
    Messages : 72
    Par défaut
    Heu j'aimerai bien faire ce que Bovino m'a montré...si seulement je comprenais comment...

    Je met son bout de code ou ?

    Et c'est quoi le code de lancement de ma box (ou des missiles remarque) ?

    Merci de vos lumières, j'en ai bien besoin

  15. #15
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Par défaut
    arf le code de lancement je ne l'ai pas
    mais tu peux déja faire un préload des images ( fais une recherche sur le forum )

    fait également une recherche sur boite modale au chargement

    rien qu'avec ces deux élément tu devrais t'en sortir

  16. #16
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    72
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Avril 2006
    Messages : 72
    Par défaut
    Help!

    Ca fait 2 jours que je cherche quelque chose de valable, mais je ne trouve rien.

    Je ne suis même pas sur d'avoir bien compris quoi faire.

    Tu peux m'aider ?

  17. #17
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Par défaut
    bon j'ai réfléchis a ton problème

    dis moi ce que tu en penses :

    http://easynews.free.fr/mbox/

    => non bloquant tu peux cliqué sur n'importe quelle image même sans fin de chargement
    => non intrusif script a mettre dans un fichier puis pour l'initialiser :

    sois tout en vas de page ( après tes images )

    var test = new mBox(document.getElementById('titi'),true);

    ou titi représente ton tableau

    soit sur le onload

    j'attends ton retour pour t'aider a l'intégrer si besoins

  18. #18
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    72
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Avril 2006
    Messages : 72
    Par défaut
    Citation Envoyé par le_chomeur Voir le message
    dis moi ce que tu en penses :

    http://easynews.free.fr/mbox/
    C'est EXACTEMENT ce qu'il me faut. C'est toi qui l'a développé ?

    Donc j'ai essayé de l'intégrer, j'ai crée un fichier nommé galerie.js dans lequel j'ai copié collé ton code JS. Je te le joint.

    Ensuite j'ai rajouté le CSS et modifié mon code PHP.

    Ca donne ca : http://www.jeunesse-satigny.ch/galer...on=photos&id=5

    Pas encore ca, mais bon...

    Aurai-je oublié quelque chose ?

    Merci infiniment de ton aide en tout cas, ca fait plaisir d'avoir des gens qui se dévouent a ma cause sur un forum.
    Fichiers attachés Fichiers attachés

  19. #19
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Par défaut
    ha oui

    une erreur de ma part pour afficher l'image en grand :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <img src="mini.php?f=DSC00594.JPG" height="80" width="120" />
    il te faut l'url donc :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <img src="mini.php?f=DSC00594.JPG" height="80" width="120" alt="URLGROSSEIMAGE" />

  20. #20
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    72
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Avril 2006
    Messages : 72
    Par défaut
    Malgré cela, ça ne fonctionne pas

+ Répondre à la discussion
Cette discussion est résolue.
Page 1 sur 3 123 DernièreDernière

Discussions similaires

  1. [iframe]pb de chargement d'une page
    Par Destampy dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 26/05/2005, 11h19
  2. Chargement d'une page
    Par krfa1 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 13/05/2005, 09h53
  3. [JSP] pbl chargement d'une page JSP
    Par Shiryu44 dans le forum Servlets/JSP
    Réponses: 4
    Dernier message: 30/03/2005, 10h49
  4. Réponses: 4
    Dernier message: 08/06/2004, 09h01
  5. Attendre la fin du chargement de la page dans un WebBrowser
    Par core1 dans le forum Web & réseau
    Réponses: 5
    Dernier message: 15/06/2003, 04h12

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