Bonjour à tous,

J'aimerais savoir si il est possible de faire ce genre de chose avec javascript ou un frameworks (zend, symfony) ?
http://www.orange.com/sirius/actionnai [...] /index10.html

Le principe : une image 2d en arrière-plan qui bouge en fonction de la sourie (plus la sourie descend, plus l'image monte...), puis, en premier-plan une "image" 3D (qui gère la transparence) et qui, comme l'image 2D, bouge en fonction de la sourie.

Merci d'avance de votre aide.

Alex

(J'ai pas compris ce que les frameworks PHP venaient faire là... )

Tu peux faire des trucs potables... Mais c'est pas de la 3D...

http://www.dhteumeuleu.com/mandatory-upgrade/
http://www.dhteumeuleu.com/light-shift-opticals/
http://www.dhteumeuleu.com/parallax-iii/
http://webdev.stephband.info/parallax.html

Oui pardon je voulais dire JQuery sorry

Et tu sais comment récupérer le code jquery des animation stp ? Puis ce tuto est parfait je pense mais hélas en anglais.

Merci mille fois.

Sinon tu peux te pencher du coté du HTML5. Je n'ai pas de tuto à te proposer, mais je sais que mon prof de Web Dev a fait un site dans se style (en fait, c'est une superpositions d'images qui vont se deplacer en fonction de la position de ta souris. Je pense qu'en jquery, ca doit pas etre tres compliqué =) )

Merci
Oui j'ai vu un canvas en html5 mais c'est encore complexe pour moi En effet le JQuery s'impose mais les site sont en anglais et le code source est juste en pagaille même avec firebug, peux-tu m'aider à récupérer la source de ce script stp http://www.dhteumeuleu.com/light-shift-opticals/comment-page-1/#comments, merci beaucoup

Ps: tu fais une formation pro ?? dans le développement web ?

Hmm récupérer ce code...je crois pas que ce soit possible. Cherche

Je suis à Supinfo, une école privée d'informatique =) Pas spécialisée dans le développement web mais on en fait

Renseigne toi sur "mousemove" en jquery =) Et en fonction de la position de ta souris, tu déplace tes plans (avec des marges) plus ou moins vite selon leur position (les plus proches font se déplacent plus).

Si bien sur le JQuery c'est un framework de Javascript donc éxecuté coté client, donc récupérable, mais c'est un poil chiant loool
MAIS !! j'ai trouvé c'est bon ce code source est beaucoup plus clair, tkt je vais bidouillé un truc à partir se ce code
http://webdev.stephband.info/parallax_demos.html

Merci à toi

Tu sais que le parallax tu peux le telecharger? http://webdev.stephband.info/jparallax/index.html tout simplement =)

Oui mais ici je part d'une source déjà construite, j'ai toujours fais comme ca, j'ai juste à changer les images

Ps: J'ai besoin pour un travail, d'un script jquery toujours, qui affiche une "video" en background, sais tu ou je peux trouver sa ? bien sur il faut que je puisse codé en xhtml au dessus de l'animation lol

Une video en background? Bah tu prend n'importe quel plugin jQuery permettant de lire une video, et tu lui met un z-index plus faible que ton contenu HTML qui doit passer par dessus =)

J'ai bien compris pour le z-index, mais c'est le script que je trouve pas

Hey,

Ça a pas grand chose à voir mais si c'est vraiment de la "3D" que tu cherches à faire, y'a WebGL qui semble, petit à petit, à se démocratiser

@Alex : Ce n'est pas vraiment l'endroit pour faire ton shopping de scripts, si ?...

EDIT : Pour afficher la source des codes de dhteumeuleu, tu cliques sur le select, et tu choisis "2. Source Code" . Mais c'est pas du jQuery.

@le codeur du samedi: merci beaucoup je connaissais pas, je vais voir voir cela de très près
@golmote: Si ce n'est pas du jquery, c'est quoi stp ? merci à toi

PS: j'ai trouvé le script que je voulais, mais BIEN SUR il faut y apporter de nombreuses modification golmot

Bah c'est du JavaScript... pas du jQuery...

Juste comme ça, dans le premier lien d'exemple, il n'y a pas de 2D, ce ne sont que des images en 3D, regardez le bord gauche de la tour Eiffel pour vous en rendre compte.

Leur animation, c'est du flash...

Comme j'ai dit oui... En JS, la 3D n'est pas possible, mais on peut faire des trucs jolis en bidouillant avec Parallax.