Image Cube – Plugin jQuery – Un effet renversant

Posted By Franck Pertegas on 13 Nov 2010 in Framework, Javascript, Programmation | 2 comments

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.

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 :

• jQuery Cycle Plugin – Plugin jQuery – Toujours plus loin dans les effets « SlideShow »
• jQuery Approach – Plugin jQuery – Approchez vous pour voir
• (mb)Extruder – Plugin jQuery – Le contenu qui slide
• Jquery Selected text searcher – Plugin jQuery
• jQuery – Afficher une adresse mail sans être spammé