Erstellung einer HTML-Seite mit GIF-Start/Stopp

Diese Funktionalität ermöglicht die Generierung einer HTML-Seite, um die Animation zu einer Internetseite oder zu einem hinzuzufügen chm Hilfsprojekt hinzuzufügen .

Video GIF-Animation

HTML-Seite mit GIF-Start/Stopp:

Zum Starten der HTML-Seite mit GIF-Start/Stopp,

  1. in der Toolbar klickt man auf Export 
  2. und den Befehl 'HTML-Seite mit GIF-Start/Stopp.
    Ein Browserfenster mit dem generierten HTML-Seite wird geöffnet.

Die verwendeten Dateinamen sind voreingestellt

Um die Animation in Aktion zu sehen, muss man nur auf die Startschaltfläche drücken. Um die Animation anzuhalten genügt ein weiterer Klick auf das GIF.

Für spätere Seuerung genügt das Klicken von Start und Stopp.

Beispiel eines generierten Codes

<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>

Wie man den animierten GIF-Editor benutzt