Quantcast
Channel: Jquery – Develoteca
Viewing all articles
Browse latest Browse all 128

ihover efectos para las imágenes en bootstrap y elegante

$
0
0

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

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

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


ihover/
├── client/ -->
├── dist/ -->
├── src/ -->
│ ├── ihover.css ├──> Versión original
│ └── ihover.min.css └──> Versión comprimida
└── preview/

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

 

https://github.com/gudh/ihover

 

The post ihover efectos para las imágenes en bootstrap y elegante appeared first on Develoteca.


Viewing all articles
Browse latest Browse all 128

Trending Articles