Discussion :

[BigZ444]

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

[le_chomeur]

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

[BigZ444]

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

[le_chomeur]

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

[BigZ444]

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 ;-)

[le_chomeur]

peux-ton voir ta page ?
ps : mon code est non intrusif donc je ne vois pas comment il serait difficile de l'intègrer ^^

[BigZ444]

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

[Bovino]

Tu peux n'activer ta box qu'au onload de la dernière photo...

[BigZ444]

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

[le_chomeur]

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

[Bovino]

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 !!!)
}
}
}

[BigZ444]

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

[le_chomeur]

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

[BigZ444]

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

[le_chomeur]

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

[BigZ444]

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 ?

[le_chomeur]

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

[BigZ444]

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.

[le_chomeur]

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" />

[BigZ444]

Malgré cela, ça ne fonctionne pas