Image Cube – Plugin jQuery – Un effet renversant

Hier était mis à disposition la version 1.4.4 de jQuery, je me devais donc de vous faire un petit billet en rapport avec jQuery. Cette fois nous allons découvrir un plugin assez impressionnant dans son style. Ce plugin se situe entre l’effet slider d’images et un effet 3D sympathique.

jquery-image-cube

Avec Image Cube, vous allez pouvoir faire visualiser des images à vos internautes via un cube rotatif avec un effet 3D.

Voici un exemple de code pour une version par défaut :
html :

[pastacode lang= »markup » manual= »%3Cdiv%20id%3D%22defaultCube%22%20style%3D%22width%3A%20200px%3B%20height%3A%20150px%3B%22%3E%3Cimg%20title%3D%22mon-image1%22%20src%3D%22mon-image1.jpg%22%20alt%3D%22mon-image1%22%20%2F%3E%0A%3Cimg%20title%3D%22mon-image2%22%20src%3D%22mon-image2.jpg%22%20alt%3D%22mon-image2%22%20%2F%3E%0A%3Cimg%20title%3D%22mon-image3%22%20src%3D%22mon-image3.jpg%22%20alt%3D%22mon-image3%22%20%2F%3E%3C%2Fdiv%3E » message= » » highlight= » » provider= »manual »/]

javascript :

[pastacode lang= »javascript » manual= »%24.imagecube.setDefaults(%7Bspeed%3A%201000%2C%20pause%3A%205000%7D)%3B » message= » » highlight= » » provider= »manual »/]

Je vous laisse découvrir ce plugin sur le site de ce dernier, il y a de multiples effets de rotation. Original et amusant.

Site du plugin Image Cube

Articles qui peuvent vous intéresser :

Author: Franck Pertegas

Share This Post On

2 Comments

Trackbacks/Pingbacks

  1. jQuery – Sélectionner les checkbox enfants | LudiBlog - [...] Image Cube – Plugin jQuery – Un effet renversant [...]
  2. Superfish – Plugin jQuery – Créez vos menus déroulants | LudiBlog - [...] Image Cube – Plugin jQuery – Un effet renversant [...]
  3. 35 plugins jQuery rien que pour vos sites web ! | LudiBlog - [...] Cube Je vous en parle ici Réalisez des effets 3D surprenants avec Image Cube pour jQuery. Le [...]

Submit a Comment

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *