Kompatibilität:

WebSite X5 Evo und Pro


Oft ist ein einziges Bild nicht genug, und eine Beschreibung, die ein paar wichtige Informationen mehr gibt, ist erforderlich: Einen Titel, einen kurzen Text und sogar eine Schaltfläche, um eine Bestellung aufzugeben oder um mehr Informationen nachzufragen. Mit dem Zusatzobjekt Hover Image können Sie genau das tun: Dem Bild eine Beschreibung zuweisen und einen Anzeigeeffekt beim Mouseover für die Texte und die Schaltfläche einrichten.


Finden Sie auf der Vorschauseite einige Beispiele und dann probieren Sie es aus!



Woraus besteht ein animiertes Bild

Das Objekt Hover Image besteht aus 3 grundlegenden Elemente:

  1. Das Anfangsbild, das beim Laden des Inhalts angezeigt wird;
  2. Die Beschreibung, die beim Mouseover angezeigt wird und die aus einem Titel, einem Text und einer Schaltfläche besteht;
  3. Der Effekt, d. h. die Animation für die Anzeige der Beschreibung beim Mouseover über das Bild.


So richten Sie ein animiertes Bild ein

  • Öffnen Sie das Einstellungen-Fenster des Objekts.
  • Importieren Sie zuerst das Bild aus dem PC oder aus einer der verfügbaren Bibliotheken, dann aktivieren Sie, wenn nötig, die Option Größe anpassen.
  • Dann verfassen Sie die Beschreibung. Wählen Sie das gewünschte Element aus der Liste aus:
    • Titel
    • Test 
    • Schaltfläche 
  • Verfassen Sie mit den verfügbaren Einstellungen die Texte und definieren Sie die Eigenschaften der Elemente. Außer der Schriftart, der Farben und dem Hintergrund, können Sie auch einen Link einstellen, indem Sie auf klicken und die gewünschte Aktion im Fenster Link auswählen.
  • Jetzt können Sie an der Animation arbeiten. Wählen Sie den gewünschten Stil aus der Liste im Bereich Allgemein.
  • Schließlich definieren Sie die Hintergrundfarben für das Bild und die Beschreibung sowie auch die allgemeine Größe des Objekts.
  • Klicken Sie auf OK, wann Sie fertig sind.


Sind Sie schon neugierig, wie diese Objekt auf Ihrer Website aussieht? Installieren Sie sofort Hover Image


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