Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje19-08-2016, 17:20 (UTC)    
Título del mensaje: [ JQuery ] Reproductor de GIF
Responder citando
Hola!



Les dejo un muy buen recurso para sus web's.
Es un reproductor de GIF, que tal ves lo han visto en facebook y en otras paginas por ahí..
Su instalación es fácil solo hay que seguir a cabalidad los pasos.

1. Debes tener los imágenes, el gif y la "trump" o imagen fija del gif el trump debe ser en PNG o JPG.
2. Debes subir las dos imágenes al mismo directorio y con el mismo nombre solo cambia el formato de la imagen.
Ejemplo:
Cita:
http://img.webme.com/pic/c/cssplantillas/cp_gif_ejem_comic.gif
http://img.webme.com/pic/c/cssplantillas/cp_gif_ejem_comic.png

o tambien:
Cita:
http://miweb.com/carpeta1/imagen.gif
http://miweb.com/carpeta1/imagen.png


3. Pon este código en en extra "contenido de tu <head>":
Código:
<!-- www.cssplantillas.es.tl -->
<link rel="stylesheet" href="https://dl.dropboxusercontent.com/s/xg6w1leqppnln5x/gifplayer.css" />
<script src="https://dl.dropboxusercontent.com/s/c0mqiqh0zq171o4/jquery.gifplayer.js"></script>
<script>
   $(document).ready( function(){
      $('.gifplayer').gifplayer();
   });
</script>


4. Edita este codigo y coloca la imagen .png en el:
Código:
<img class="gifplayer" src="URL IMAGEN en PNG" />

5. Una ves editado el código colócalo donde tu quieres en tu sitio web.
6. Debes agregar la biblioteca "Jquery" a tu web, (si lo tienes ya, no es necesario), te dejamos el codigo:
Código:
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script>

7. Listo! ya deberia esta funcionando en tu web
¿Quieres ver un ejemplo?
http://cssplantillas.es.tl/Detener-y-reproducir-GIF.htm
Fuente del recurso: http://rubentd.com/gifplayer[/code]
______________
CssPlantillas - Moderador Paginawebgratis.es

SIGUENOS EN REDES SOCIALES:


Ultima edición por cssplantillas el Dom Ene 01, 2017 8:19 pm; editado 3 veces
↑
Mostrar mensajes anteriores:   
  • Página 1 de 1

  •  
    • Saltar a:  


Powered by phpBB © 2001, 2005 phpBB Group

© 2024 webme GmbH, Alemania. Todos los derechos reservados.