Website Maker: Galerieobjekt - erste Schritte

Hallo,

ich habe mal eins fix einen kleinen Workshop für die Nutzung des neuen Galerieobjektes verfasst und darin die grundsätzlichen Möglichkeiten am Beispiel einer Fotogalerie erklärt.

1. Galerieobjekt einfügen

1.1 Als leere Galerie

Ihr könnt einmal eine leere Galerie auf die Webseite ziehen (findet Ihr im Objekte-Manager unter Mediaplayer > Galerieplayer). Aktuell stehen zwei Typen zur Auswahl, einer mit weißem Bilderrahmen, einer mit schwarzem.

Die leere Galerie kann dann einfach mit Fotos oder Videos gefüllt werden, in dem Ihr selbige auf die Galerie zieht. Das geht auch mit ganzen Alben aus dem Online Album.




1.2 Ein Album aus dem Online Album auf die Webseite ziehen

Wenn Ihr obiges tut, fragt Euch der Website Maker, ob das Album als Mediaplayer (wie gehabt) oder als Galerieplayer gezeigt werden soll...



Achtung:
Voreingestellt sind immer 2 Reihen und 2 Spalten und Rahmengröße 200x200. Sobald Ihr mehr als 4 Bilder in der Galerie habt, wird automatisch Paging (Seitenauswahl) aktiviert. Klickt man die Galerie an, sieht man dann in der Symbolleiste unterhalb der Galerie einen Rechtspfeil zum umblättern (dito dann der Linkspfeil für zurück). Auf der Webseite werden dafür Seitenzahlen angezeigt.

2. Eigenschaften der Galerie einstellen

Um die Eigenschaften einstellen zukönnen, braucht man nur einen Doppelklick auf das Galerieobjekt machen. Alternativ den Eigenschaften-Manager rechts auswählen (Galerie muß angklickt sein)

2.1 Einstellungen

Der wichtigste Punkt, um die Galerie an seine Webseite anzupassen, ist der Punkt "Einstellungen". Hier hat man die Möglichkeit, die Anzahl der Reihen & Spalten einzustellen sowie die Breite & Höhe der Bilderrahmen.



Wichtig: "OK" klicken, um die Einstellungen zu übernehmen!

Ferner kann man die Abstände zwischen den Bilderrahmen über die "Slider" einstellen. Und auch der bekannte Vergrößerungseffekt für Fotos ist vorhanden (als Lightbox oder Popup) Was momentan noch fehlt ist die Funktion "keine Vergößerung". Das wird wohl noch kommen.

2.1.1 Reihen & Spalten sowie Bilderrahmengröße einstellen

Dazu einfach unter "Einstellungen" die entsprechend gewünschten Werte eintragen und "OK" klicken.



Man muß zu Beginn etwas rumprobieren, bis man die für sich passende Einstellung gefunden hat... In meinem Beispiel habe ich 4 Reihen / 5 Spalten, Breite & Höhe jeweils 80 und beide Abstände auf "4" eingestellt.


2.2.2 Bildratio (Original, Quadratisch) und Bildausrichtung einstellen

Die Bildratio (also Seiten- und Längenverhältnis des Bilderrahmens) kann über die Symbole unterhalb der Galerie eingestellt werden. Um die Bilder quadratisch darzustellen, einfach das erste Symbol (4 Pfeile nach Außen) klicken. Die Bilder werden in quadratischen Bilderrahmen vergrößert (mit Verschnitt). Das schaut sehr gut aus.



Die Bildausrichtung ändern macht nur Sinn, wenn die Bilderrahmen die Bilder nicht quadratisch, sondern in der originalen Ratio (Hochformat / Querformat) angezeigt werden (dazu das Symbol "1:1" klicken). Dann kann man einstellen, ob die Bilder in der Matrix mittig, rechtsbündig etc. positioniert werden sollen. Den Effekt sieht man sofort.

2.2.3 Bilder in der Galerie vertauschen

Dazu klickt man einfach auf das Symbol rechts von "1:1". Dadurch wechselt man in den manuellen Bearbeitungsmodus. Nun kann man einfach per Drag & Drop mit der Maus innerhalb der Galerie ein Bild auf ein anderes ziehen, um diese zu vertauschen.



Später soll auch die Reihenfolgeveränderung auf diese Weise möglich sein...

Tipp: Um den manuellen Bearbeitungsmodus zu verlassen, klickt einfach nochmal auf das gleiche Symbol.

2.2.4 Paging (Seitenwechsel innerhalb des Website Makers)

Sollte Eure Galerie mehr Bilder enthalten, als in der Matrix dargestellt werden kann, wird automatisch auf Paging umgestellt. Das erkennt man im Website Maker an den dann sichtbaren zusätzlichen Symbolen (Pfeil rechts / links). Damit kann man dann zwischen den Seiten wechseln...




2.2 Playliste

Über den Punkt "Playliste" kann man die Reihenfolge der Bilder in der Galerie verändern oder diese löschen (rotes X).

2.2.1 Reihenfolge verändern



Dazu einfach ein Bild in der Playliste (im Eigenschaften-Manager rechts) anklicken und mittels der Pfeile unterhalb in der Liste verschieben...

2.2.2 Bilder löschen

Dazu einfach das gewünschte Bild anklicken und das rote "X" klicken.

Tipp: Um mehrere Bilder zu markieren, einfach die "Strg" Taste (Mac: "Ctrl") gedrückt halten, wärend man die Dateien auswählt.

Übrigens: Man kann mit Klick auf "Mediaplayer" (unterhalb der Playliste) einstellen, dass die Inhalte doch lieber in einem Mediaplayer abgespielt werden sollen. Die Galerie wird dann als Player dargestellt... Das kann jederzeit hin und her gewechselt werden...

3. Design-Tipps

Design ist natürlich reine Geschmackssache. Um die Galerie selber nicht so leer auf der Webseite liegen zu lassen, lege ich hinter die Galerie einfach ein Rechteckform mit "runden" Ecken. Natürlich kann man auch jedes andere Objekt dahinter legen...



Wie? Dazu einfach im Objektemanager auf Designobjekte klicken und z.B. aus der Rubrik Formen das gewünschte Objekt auf die Webseite ziehen, dann über den Seiten-Manager hinter die Galerie positionieren und von der Größe her mit der Maus anpassen.

Die Form dient als Hintergrund und bietet einen gewissen Kontrast zu den Bildern. Man kann dann z.B. die Form noch nach belieben einfärben und die Transparenz einstellen (über Eigenschaften).



Durch den dunklen Hintergrund wünsche ich mir statt der schwarzen Bilderrahmen weiße. Dazu gehe ich wieder in die Galerie-Eigenschaften und wähle im Punkt "Playerskin" die Skin mit den weißen Rahmen.




Die Farbe der Rahmen kann ich übrigens auch frei verändern, wenn die Option "selektiv" aktiviert ist...




So, ich hoffe, dass ich Euch das Galerieobjekt etwas näher gebracht habe. Magix wird das Teil sicher noch weiterentwickeln. Wir können ja über die Gruppe "Website Maker Forum" unsere Wünsche mitteilen ;)

LG, André