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.


Möchten Sie alles entdecken, was Sie tun können? Auf der Vorschauseite finden Sie einen Überblick auf allen Effekten, die mit Hover Image inklusiv sind. Nicht genug? Dann sollten Sie auch diese andere Vorschauseite für die zusätzlichen Effekte von Hover Image 2. Wählen Sie die beste Lösung für Sie und fangen Sie sofort mit der Gestaltung Ihrer Website an!



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.
  • Definieren Sie zuerst die Größe des Objekts in Pixel und, wenn Sie möchten, stellen Sie eine Farbe für den Hintergrund sowie auch die Gestalt durch die Abgerundeten Ecke ein. 
  • Jetzt können Sie an der Animation arbeiten. Wählen Sie den gewünschten Stil aus der Liste im Bereich Allgemein.
  • 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:
    • Hintergrund
    • 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.https://market.websitex5.com/it/oggetti/anteprima/1c9cdd8b-cbaf-4285-8870-3411055ba85
  • Klicken Sie auf OK, wann Sie fertig sind.


#Tipp - Die Objekte Hover Image und Hover Image 2 teilen dieselbe Funktionsweise aber bieten unterschiedliche Effekte. Diese Effekte können Sie auf den entsprechenden Vorschauseiten finden. Zur Vorschau von Hover Image / Zur Vorschau von Hover Image 2 


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


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


Hover Image 2