icon generate html  Crear una página HTML con Gif Start & Stop

Utiliza esta funcionalidad para generar una página HTML para añadir la animación en tu página web o en un archivo de ayuda CHM.

video gif animation

Página HTML con Gif Start & Stop:

Para abrir una página HTML con Gif Start & Stop,

  1. En la barra de herramientas, haz clic en Export icon export/generate html
  2. Haz clic en icon export 'HTML page with Gif Start & Stop'.
    Se abrirá un navegador con la página HTML generada.

Los nombres de los archivos se crearán automáticamente:

Para ver la página de animación generada en funcionamiento, haz clic en la imagen con el iciono de inicio. Para parar la animación, haz clic de nuevo en la animación. Los clics subsiguientes iniciarán y pararán la animación.

Ejemplo de código generado

<html>
<head>
<meta content="text/html; charset=windows-1252" http-equiv="Content-Type">
<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.8.0.min.js" type="text/javascript"></script>
<style type="text/css">  .img-swap {cursor: pointer;}  </style> 
<script type="text/javascript">
$(document).ready(function()//preload images
{ $(".img-swap").each(function () {$.ajax({url: this.src})})})
jQuery(function(){
 $(".img-swap").live('click', function() {
  if ($(this).attr("class") == "img-swap") { this.src = this.src.replace(".png",".gif"); }
 else {this.src = this.src.replace(".gif",".png"); }
 $(this).toggleClass("on");});});
</script>
</head>

<body>
<p>
<img alt="video gif animation" class="img-swap" src="addimage.png">
</p>
</body>
</html>

Cómo usar Animated Gif Editor