Kompatibilität:

WebSite X5 Evo und Pro


Animierte Bilder werden oft als Schaltfläche angewendet. Auf dieser Vorschauseite werden Sie einige Beispiele finden: Das und viel mehr können Sie mit dem Objekt Animated Image einrichten. Probieren Sie es aus!



Möchten Sie erfahren, wie Animated Image funktioniert? Sie finden es auch im Bereich  "Latest Arrivals" des Templates Players Room.


Die Stände des animierten Bildes

Im Objekt Animated Objekt sind 4 wichtige Elemente zu finden:

  1. der Anfangsstand, d. h.  das, was angezeigt wird, als die Seite geladen wird:
  2. der Endstand, d. h. das, was beim Mouseover angezeigt wird;
  3. die Transition, d. h. der Übergangseffekt aus einem Status auf den anderen;
  4. die Schaltfläche, die den Inhalt des Endstandes überlappt und die einen Link präsentiert. 


So können Sie ein animiertes Bild einrichten

  • Öffnen Sie das Einstellungen-Fenster des Objekts Animated Image.
  • Geben Sie die Größe mit den entsprechenden Werten für Breite und Höhe in Pixel an.
  • Definieren Sie den Stil mit den verfügbaren Optionen in den Bereichen Anfangsstand und Endstand. In beiden Fällen können Sie: 
    • eine Hintergrundfarbe definieren;
    • eine Bilddatei importieren;
    • einen Text hinzufügen und formatieren.
  • Wählen Sie den gewünschten Effekt aus. Sie können die Dauer der Animation und den Anzeigeeffekt definieren, d. h. wenn die Animation beim Mouseover oder automatisch nach einer gewissen Zeit angezeigt werden muss. 
  • Wenn Sie auch eine Schaltfläche hinzufügen möchten, sollen Sie: 
    • die Option Button anzeigen aktivieren;
    • eine Beschriftung eingeben;
    • die Farbe, den Stil und die Ränder der Schaltfläche definieren. 
  • Stellen Sie den Link mit dem Button  ein.
  • Klicken Sie auf OK, wann Sie fertig sind.


Möchten Sie dieses Objekt auf Ihrer Website anwenden? Installieren Sie sofort  Animated Image 


Fehlen Ihnen noch Credits für den Kauf dieses Objekts? Alle Kreditpakete ansehen