3DCoverjQuery plugin para crear portadas de libros, dvd, carátulas de software con jQuery



3DCoverjQuery plugin para crear portadas de libros, dvd, carátulas de software con jQuery, muchas veces creamos sitios para vender productos digitales como por ejemplo: dvd, libro, juegos, etc.

Este plugin es una forma de cubrir la necesidad de presentar los productos de una forma atractiva, de forma digital, lo que hace este plugin es modificar el aspecto principal de las imágenes convirtiendo la imagen 2D en 3D usando estilos css3.

El uso de este plugin es sencillo ya que se centra en la estructura de elemento div que tiene como elemento hijo una etiqueta img.

Tienes una demostración del plugin en la siguiente dirección:http://oscaruhp.github.io/3DCoverjQuery/

La instalación se hace mediante 3 sencillos pasos.

1.- Incluir archivos del plugin


   <!-- Bootstrap and JQuery -->
    <link rel="stylesheet" href="bootstrap.min.css">
    <script src="jquery-2.1.4.min.js"> </script>

    <!-- Plugin -->
    <link rel="stylesheet" href="Cover3D.css">
    <script src="Cover3D.js"></script>

2.- Crear la estructura HTML que se convertirá en la portada, frontal y tapa trasera del producto.


<div id="cover3">
    <img src="img/avengers-dvd-cover-1.jpg"/>
    </div>

3.- Crear la instancia del plugin mediante el acceso por medio del id al elemento.


   $('#cover3').CoverTresD();

Opciones, por el momento el plugin una única opción que es el color.


  { color:"#FF0" /*Border Color */}

You may also like...