¿Es posible utilizar imágenes GIF animadas en el Deslizador WOW jQuery?

WOWSlider ha sido diseñado para abrir e importar todos los formatos de imagen, incluyendo GIF. Sin embargo, cuando se exporta las imágenes finales se reguardan estas imágenes como archivos jpg estáticos o png. Esto ayuda a asegurar que todas las imágenes se han optimizado para la web y en el formato adecuado para la presentación de diapositivas. Sin embargo, significa que los gifs animados se vuelven a guardar como imágenes estáticas.

Es posible evitar esta limitación mediante la subida de los archivos .gif animados manualmente y editar el código HTML.

Cómo agregar un GIF animado a su diapositiva WOWSlider

Cree la presentación como normal e importe sus imágenes. Usted debe importar los archivos gif también, ya que hará que sea más fácil editar el código HTML después creando marcadores de posición en las diapositivas.

Guarde su presentación.

Vaya a la carpeta de datos/imágenes.

Añada sus gifs animados a esta carpeta, asegurando que los nombres de archivo sean lógicos y amigables con la web. No utilice espacios ni caracteres especiales en el nombre del archivo, y manténgalos relativamente cortos. (Por ejemplo: 'image1.gif' en vez de 'madre y daughter.gif').

Puede eliminar las versiones WOWSlider .jpg de las imágenes para ahorrar espacio.

A continuación, abra el archivo wowslider.html en su editor de texto preferido.

Verá la sección en el BODY que contiene enlaces a todas sus imágenes. Ahora usted cambiará los enlaces. Por ejemplo:

<div class="img"><img src="data1/images/image1.jpg" alt="image1" title="image1" id="wows1_0"/></div>

Debe ser cambiado a:

<div class="img"><img src="data1/images/image1.gif" alt="image1" title="image1" id="wows1_0"/></div>

Guarde el archivo y ábralo en un navegador web para comprobar que todo funciona de la forma esperada. Si las imágenes no se cargan, probablemente se deba a que cometió un error al teclear el nombre del archivo. Asegúrese de que todas las barras invertidas se mantengan, y que usted no haya borrado accidentalmente alguna comilla, ya que son esenciales para que el código funcione.

A continuación, debe cargar las carpetas “engine” y “data” a su servidor web, junto con el archivo html WOWSlider.