Fiche produit 3D interactive
ERROR
00:00
00:00

TUTO Fiche produit 3D interactive

Fabien Le corre
2,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce tuto CSS3 en vidéo, nous verrons comment réaliser un cube 3D en CSS3 avec des images représentant des produits Apple.

Ensuite, nous verrons comment réaliser avec Jquery un effet de rotation lorsque l'utilisateur cliquera sur des boutons pour faire pivoter le cube sur la droite ou sur la gauche et ainsi avoir le produit qu'il souhaite en face de lui à l'écran.

Pour finir, nous verrons comment faire en sorte d'afficher les informations d'un produit que l'on ira récupérer en base de données pour les afficher au visiteur lorsque qu'il cliquera sur un produit. Cette récupération d'informations et l'affichage de celles-ci sera fait en AJAX, c'est à dire sans rechargement de la page dans le navigateur. Pour cela nous utiliserons PHP, MySQL, Jquery et le format de données JSON pour transmettre les données du serveur au client (du PHP au Javascript).

A noter que l'effet de 3D présenté dans le tutoriel ne fonctionnera que sur Google Chrome et Safari.
Bon tuto!

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Sans titre

Plan détaillé du cours

Leçon 1Sans titre
29m39s

Avis des apprenants

Détail des avis
59
Apprenants
1
Commentaire
5/5
Note moyenne
5/5
1
4/5
0
3/5
0
2/5
0
1/5
0
Redouane Guechoud
Redouane Guechoud
Publié le 01/07/2016
On apprend vraiment rapidement avec ce formateur qui va droit au but. La technique est applicable à beaucoup de cas de figures, que vous fassiez un site orienté vitrine ou e-commerce. C'est dommage pour le son, le micro est manifestement posé sur le bureau, juste à côté du clavier, c'est pas terrible si vous avez un gros caisson de basses. Mais, là encore, le prix et la qualité du tuto vous feront passer outre ces petites imperfections. Sinon, bon tuto, et formateur au top. A recommander. Merci.

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

CSS 3

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Attendez ! 🤗

Accédez à plus de 1330 tutos gratuits

Notre politique de protection des données