11550 sujets

JavaScript, DOM et API Web HTML5

Bonjour bonjour,

mon problème est le suivant:
- j'ai deux pages en html statique contenant chacune des images assez lourdes;
- il y a un effet fadeOut / fadeIn (jquery) quand on passe de l'une à l'autre
-> conséquence : si l'image n'a pas eu le temps de charger complètement, l'affichage ne se fait plus très en douceur.

Donc: je cherche à avoir la transition suivante :
fadeOut page 1 -> preload page 2 (avec un spinner p.ex) -> fadeIn page 2

Prise de tête (longue) vu mon manque de connaissances en jquery. Seul le plugin queryloader - http://www.gayadesign.com/diy/queryloader-preload-your-website-in-style/ - fonctionne mais je n'arrive pas à le bidouiller convenablement pour avoir qqch de plus simple (un comble).

Est-ce que quelqu'un aurait une piste ou un bout de code pcq là, Smiley sweatdrop

Merci et merci !