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:
- der Anfangsstand, d. h. das, was angezeigt wird, als die Seite geladen wird:
- der Endstand, d. h. das, was beim Mouseover angezeigt wird;
- die Transition, d. h. der Übergangseffekt aus einem Status auf den anderen;
- 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 und definieren Sie mit der Option Abgerundete Ecken, wie abgerundet die Ecken des Objekts sein müssen.
- 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.
- 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.
- Wenn Sie auch eine Schaltfläche hinzufügen möchten, sollen Sie:
- die Option Button anzeigen aktivieren;
- eine Beschriftung eingeben;
- stellen Sie den Link mit dem Button
ein; - die Farbe, den Stil und die Ränder der Schaltfläche definieren.
- 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