Kompatibilität:

WebSite X5 Evo und Pro

Der Name erinnert an technisches Zeichnen und Tabellen mit Würfeln, Quadern und Pyramiden, die in isometrischer Axonometrie angeordnet sind. Aber keine Sorgen: Mit dem Zusatzobjekt Isometric Grid Gallery werden Sie nicht zurück zur Schule gehen müssen. Im Gegenteil wird die Estellung einer Galerie ganz einfach sein, in der die Bilder in einem übersichtlichen isometrischen Raster angeordnet sind.


Auf der Vorschauseite finden Sie einige Beispiele dafür, was Sie mit diesem Objekt einrichten können.       



Isometrische Projektion

Viele Jahre lang war das Web eine zweidimensionale Umgebung, wo die Elemente nur auf der x (horizontal) - und y (vertikal)-Achse positioniert werden konnten. In der 90er Jahre hat man begonnen, nach einer Weise für die Anzeige der Objekte in drei Dimensionen zu suchen, und da die Rechenleistung damals noch begrenzt war, hat man eine Lösung gefunden, die auf die isometrische Projektion basiert, bei der eine dritte Achse vorhanden ist, nämlich die z-Achse für die Darstellung der Tiefe. 


In der isometrischen Projektion bilden die drei gleiche Winkel, sodass der Projektionsrahmen ist in Bezug auf die drei Hauptebenen gleichmäßig geneigt.


Die isometrische Perspektive ist noch heute eine gute Lösung für die Darstellung der Dreidimensionalität der Elemente einer Webseite.


Nachdem Sie den grundlegenden Mechanismus kennengelernt haben, wird es Ihnen leicht fallen zu verstehen, wie Sie bei der Realisierung Ihrer Galerie in isometrischer Perspektive vorgehen müssen.


So erstellen Sie die Bildgalerie

  • Doppelklicken Sie auf das Objekt Isometric Grid Gallery, das Sie auf der Seite hinzugefügt haben, um das Einstellungen-Fenster zu öffnen.
  • Bleiben Sie im Bereich Inhalt und klicken Sie auf Hinzufügen, um das Fenster zur Dateiauswahl zu öffnen: Importieren Sie die gewünschte Bilddatei.
  • Wiederholen Sie diese Schritte für alle Bilder, die Sie einfügen möchten. Mit den Tastenkombinationen STRG+Klick und Umschalttaste+Klick können Sie mehrere Dateien gleichzeitig markieren.
  • Alle Bilder, die Sie einfügen, werden in der Liste unter der Werkzeugleiste angezeigt: Mit den Schaltflächen und  können Sie die Größe der Vorschauen definieren.
  • Mit der Schaltfläche Entfernen können Sie die ausgewählten Dateien aus der List löschen, und die Anordnung der Bilder können Sie mit den Pfeilen definieren.
  • Für jedes Bild können Sie einen kurzen Text definieren (einen Titel oder eine Beschreibung): Wählen Sie das Bild aus der Liste aus, klicken Sie auf  und geben Sie den Text auf dem Fenster ein, das sich geöffnet hat.
  • Sie können dann jedem Bild der Galerie einen Link zuweisen:  Wählen Sie das Bild aus der Liste aus, klicken Sie auf und stellen Sie den Link mit der gewünschten Aktion ein.
  • Jetzt, dass Sie den Inhalt der Galerie definiert haben, können Sie einige allgemeine Einstellungen für das Objekt festlegen: 
    • Legen Sie zunächst die Zellengröße fest: Dies entspricht der Bestimmung des für das Objekt verfügbaren Platzes innerhalb Ihrer Seite.
    • Legen Sie die Spaltenanzahl fest, nach denen die Galerie organisiert wird.
    • Definieren Sie dann die Rasterproportion, d. h. das Verhältnis zwischen der Breite und der Höhe des Objekts.


So definieren Sie den Rasterstil

  • Öffnen Sie den Bereich Stil: Hier finden Sie die Optionen, um den Stil der Galerie zu definieren. 
  • Was das Raster betrifft, wo die Bilder organisiert sind, können Sie:
    • Eine Hintergrundfarbe definieren. Dazu lassen Sie sie, falls gewünscht, in einer zweiten Farbe auf- und abblenden oder mit dem Seitenhintergrund verschmelzen: Wählen Sie im letzteren Fall für den Punkt Obere und untere Überblendung die Option "Transparent".
    • Das Raster im Verhältnis zu dem auf der Seite verfügbaren Platz ausrichten.
    • Die Bilder im Raster ausgerichtet bleiben lassen oder sie in geraden oder ungeraden Spalten versetzen.
    • Die Ausrichtung der Galerie ändern, indem Sie auf die Drehung entlang der drei Achsen X, Y und Z einwirken.   
  • Natürlich können Sie auch den Stil der einzelnen Bilder definieren, indem Sie mit Abgerundeten Ecken, Rand- und Schattenfarben und Außenrädern arbeiten.
  • Die Galerie können Sie noch interessanter gestalten, indem Sie Effekten aktivieren. Sie können:
    • Einen Einblendeffekt festlegen. Insbesondere können Sie wählen, ob das Objekt mit einem Bewegungseffekt oder einem Parallaxeneffekt auf der Seite erscheinen soll. 
    • Einen Mouseover-Effekt definieren: Mit dem Zoom in Effekt können Sie eine leichte Vergrößerung des Bildes erzielen, wenn Sie mit der Maus darüber fahren.
  • Schließlich können Sie die Beschreibung der Bilder formatieren. Außer der gewöhnlichen Formatierungsoptionen (Schriftart, Bilder, Ausrichtung, Ränder) können Sie die Option Effekt verwenden: Können Sie festlegen, ob der Text immer sichtbar bleiben soll oder wenn er beim Mouseover angezeigt oder versteckt wird.


Sind Sie schon neugierig, wie diese Objekt auf Ihrer Website aussieht? Installieren Sie sofort Isometric Grid Gallery 


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