11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour

Je suis en train de programmer un site avec plusieurs pages indépendantes et j'aimerais utiliser l'effet de transition entre pages en slide comme on peut le faire avec le Framework jquery mobile mais SANS utiliser ce dernier qui utilise ses propres styles css développés pour les applications web. Mon but n'étant pas de faire une web app mais un site desktop.

La fluidité et la rapidité d'éxécution sont mes objectifs. J'ai vu que l'on peut utiliser le plugin jQuery Easing (version 1.3) mais je n'arrive pas à le mettre en place pour faire des effets de transition fluides entre pages indépendantes.

Je ne cherche pas à avoir une page méga longue (à la verticale ou à l'horizontale) avec une navigation à ancrage faite en jquery ou des div cachés, mais bien des pages indépendantes qui à leur clic arrivent en sliding.

Pour vous donner un exemple de ce que je cherche à réaliser, voici quelques liens:

-http://www.craigandkarl.com/
-http://www.ultranoir.com/
-http://www.obliquefx.com/
Modifié par Laurie-Anne (23 May 2012 - 08:22)
Bonjour,

Les sites que tu présentes utilisent du JavaScript pour faire les transitions entre ce qui apparait n'être que des portions de la même page.

Tu dit ne pas vouloir utiliser le framework JQuery mais plutôt un plugin JQuery. Tu te rends compte qu'un plugin sans rien pour ce "pluger" ne peux pas fonctionner ? Tout plugin JQuery a besoin du framework (qui sera surement déjà inséré dans le code fourni).

Ensuite, la seule façon de conserver des pages "indépendantes" sera d'utiliser de l'AJAX pour récupérer le contenu de la page suivante. Mais je ne suis pas convainque que ce soit la meilleure technique.

Tu recherche la vitesse et la fluidité, l'AJAX risque de demander un temps de chargement que tu n'aura pas avec une page unique dont tu n'afficherai qu'une portion.
Merci pour ta réponse fort appréciée!

Tu m'éclaires un peu plus sur le sujet.

J'ai essayé plusieurs méthodes javascript comme par exemple sur ce site mais qui ne fonctionne pas toujours avec un contenu faisant appel à d'autres fonctionnalités javascript: http://www.terrenceryan.com/blog/post.cfm/html-page-slide-without-a-framework

Sinon il y a aussi la méthode de ce site qui peut être pas mal intéressante si l'on remplace les fonctions fadeIn fadeOut par slideDown et slideUp, ceci dit ça reste désirable en terme d'effets souhaités:

http://www.onextrapixel.com/2010/02/23/how-to-use-jquery-to-make-slick-page-transitions/

Je me demandais s'il est possible d'utiliser par exemple les fonctionnalités du framework jquery mobile pour les effets de transition sans utiliser la nomenclature graphique et limitée css qui va avec.

Je ne sais comment l'intégrer sans que mes pages soient "déformées" par le style jquerymobile et bien souvent ça plante...

Merci encore pour ta réponde

Bien à toi