Slide Horizontal full width

Bonjour à toutes et tous

Je suis actuellement sur mon portfolio et j'aimerai pouvoir faire un slide horizontal entre mes 3 galeries (graphisme / webdesign / divers). Je suis en cours de construction et j'aimerai pouvoir traiter ce point avant de passer aux autres
J'aimerai que le slide se fasse (ça serait un bon début \o/) mais sur toute la longueur de l'écran.

voici la page concernée : www.el-be.fr/beta/home/portfolio.php

Je vous remercie tous d'avance pour votre aide précieuse
Modifié par Pooley (17 Feb 2012 - 11:47)

Oui pardon, je me suis mal exprimé.
Je voulais dire : passer d'une section à l'autre avec un effet de slide horizontal.
Pour le preloader je voulais expliquer la présence du pad et la nav (même si les sections sont accessibles par liens dans l'intro). Pour l'interlignage je vais régler ça lors du paufinage. Je te remercie beaucoup pour ce petit souci que je prends en note dans ma "to do" liste

Oui c'est juste que j'avais cette impression d'arriver sur une page "attention: ce site utilise un système de navigation complexe à utiliser", ce qui n'est pas très engageant . Ensuite je cherche le fameux pad mais ne le trouve pas (pas encore programmé, d'où la demande?). finalement lorsqu'on utilise la navigation classique, on reçoit l'avertissement à chaque page....


Pour en revenir au problème, qui est la mise en place d'un carousel, entre des pages. Alors que dans un simple carousel on affiche du contenu caché, on ne peut raisonnablement charger toutes les page puis simplement faire défiler... ce qui implique l'utilisation d'ajax.

autrement dit voici un algo simple pour procéder:
1) lors de la demande de changement de page, on lance le téléchargement de la nouvelle page, on affiche graphiquement qu'il y a un chargement.
2) une fois la page chargée on la place à côté de l'actuelle, cachée à l'intérieur d'une div en overflow: hidden
3) On anime un déplacement latéral qui cache une page et montre l'autre.
4) Une fois l'animation terminée on supprime l'ancienne page, on arrête de montrer qu'il y a un chargement

Il faut encore résoudre les problèmes de navigation (page précédente, liens vers une page), ce qui est faisable grâce à des ancres mais qui demande un travail délicat.

Si tu as de solides connaissances en javascript et un moteur comme par exemple jQuery, cela ne devrait pas poser trop de problèmes, autrement ce sera plus dur.

Sinon la navigation d'un site en ajax pour du bling-bling je déconseille. Tu y gagnerait plus à prouver ton travail de graphiste par une mise en page léchée et soignée, plutôt que par la mise en place d'animation décoratives qui n'apportent au final pas grand chose.