ihover efectos para las imágenes en bootstrap y elegante


ihover efectos para las imágenes en bootstrap y elegante, este plugin te permite presentar imágenes de manera elegante agregando efectos muy buenos y más variados, dentro de los efectos que encontramos podemos destacar algunos:

  1. left_and_right
  2. colored
  3. bottom_to_top
  4. from_top_and_bottom
  5. scale_up

La implementación se realiza en las imágenes con estilo circle en bootstrap y square, para hacer que el efecto funcione se debe de aplicar información adicional a los elementos de imágenes, al igual que introducir un script que modifica el aspecto original de los elementos img, los archivos que logran este cambio son los css y js que están dentro del plugin ihover, en particular se puede aplicar a cualquier elemento que utilice ciertas reglas, etiquetas y textos que posteriormente sirven para agregar descripción de las imágenes.

Los efectos son bastantes y basta con mirar el enlace en la siguiente dirección:http://gudh.github.io/ihover/dist/index.html en donde puedes mirar los ejemplos funcionando.

El uso es simple
1.- Incluir los archivos css

[html]
<link href="styles/ihover.css" rel="stylesheet">
[/html]

2.- Podemos observar un esquema general don están organizadas las carpetas, esa estructura es la que tienes en el repositorio.

[html]

ihover/
├── client/ –>
├── dist/ –>
├── src/ –>
│ ├── ihover.css ├──> Versión original
│ └── ihover.min.css └──> Versión comprimida
└── preview/
[/html]

3.- Para implementar los efectos puedes guiarte del siguiente enlace: http://gudh.github.io/ihover/dist/index.html

 

https://github.com/gudh/ihover

[adjuntos descripcion=”iHover” link=”github.com/gudh/ihover/archive/gh-pages.zip”]