Detener y reproducir GIF
Detener y reproducir GIF
EJEMPLO
Por un tema de una mejor visualización
del ejemplo, este será en una pagina externa a esta. La cual es administrada exclusivamente por nosotros.INFORMACIÓN
Nombre: Detener y reproducir GIF
Fecha: 2016-09-07
Creditos: http://rubentd.com
Diseño para: JQuery
Garantia:
Descripción:
Hoy te dejamos una muy buena opción para reproducir tu gif dentro de tu sitio web. Este recurso te permitirá pausar y dale play al gif que tu quieras.
- Codigo 01: Por encima de la pagina o extra head:
Copiar codigo
- Codigo 02: Donde quieras que aparezca:
Copiar codigo
ENLAZANOS
URL DIRECTALINK'S HTML
URL CORTA
Descarga
)
NOTAS:
Para poder utilizar correctamente este recurso debes tener la mismas imagen en formato GIF y en PNG, ademas debes subirla al mismo directorio las dos imágenes para que el código la busque.
Ejemplo:
- Para cualquier consulta visita nuestro Foro de soporte.
Para poder utilizar correctamente este recurso debes tener la mismas imagen en formato GIF y en PNG, ademas debes subirla al mismo directorio las dos imágenes para que el código la busque.
Ejemplo:
http://imagen.com/carpeta1/mi_gif.png
y la otra debes estar en:http://imagen.com/carpeta1/mi_gif.gif
Ademas debes agregar al código la biblioteca JQuery, (si ya la tienes, no es necesario), debe ser una versión superior a 1.5.
Si no tiene Jquery te la dejamos a continuación:<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script> - Para cualquier consulta visita nuestro Foro de soporte.
Ahora puedes darle al navegador un color predeterminado para abrir tu sitio web, asi adaptarlo al diseño de tu sitio web.
Este es un efecto solamente con CSS, el cual dara un efecto de muralla de ladrillos al fondo de tu web, puedes modificar los colores a tu estilo.
Este es un código que hará el efecto de confeti cayendo en tu web, ideal para año nuevo o para alguna celebración. Es muy fácil de implementar.
Dejamos a tu disposición este slide que esta hecho solo con CSS, es muy simple pero efectivo a la hora de exhibir imágenes, soporta hasta cuatro imágenes. Este recurso se adapta a pantallas de mobiles y tablets.
Este recurso es muy útil para tu sitio, te permitirá colocar más contenido a tu sitio y poder ocultarlo y solo ver cuando el usuario lo decida, es muy fácil de implementar.
Si buscas darle un efecto a tu pagina como estar viajando en el espacio, este se vera genial! es muy simple de instalar y se ve de maravilla.
Este menú es muy sencillo de instalar, pero primero lo debes configurar con tus direcciones, solo debes colocar cada una de las palabras que deseas que tus usuarios busque mas la URL. Es buscador genial y de muy buen diseño.
Barra de progreso es un recurso que a medida que vas bajando la pagina una barra ubicada en el pie se va completando, es muy sencilla su instalación y muy útil.
Scroll lineal te permite mostrar los titulares de tus noticias de una forma muy dinámica y sencilla. Es muy fácil de configurar y muy útil!
Z Slide, es un simple modo de presentar tus imágenes o tus titulares, es muy fácil de implementar y te ahorra espacio y le dará interactividad a tu sitio.
