Scroll

Widgets - Galerien

Media Gallery Thumbnail List
7.png

Media Gallery Thumbnail List ermöglicht den Miniaturenbereich zu erstellen. Wenn Sie auf eine von Miniaturen drücken, wird das Bild in Vollgröße angezeigt. Normalerweise wird dieses Widget mit Media Gallery Lightbox oder Media Gallery Preview verwendet. Im Eigenschaftenpanel des Widgets sind zwei Tabs aktiv: "Eigenschaften" und "Effekte". Dieses Widget kann sowohl Videos als Bilder enthalten.
2.png

Im Tab "Eigenschaften" gibt es die folgenden Parameter:

  • "Name" ermöglicht den Namen des Widgets zur Verbesserung der Benutzerfreundlichkeit zu ändern.
  • "Widget Connection ID" ermöglicht dieses Widget mit anderen Widgets der Galerie zu verbinden. Alle Widgets, die verbunden sind, müssen den gleichen Zeichensatz haben.
  • "Prevent Second Click" ermöglicht den Doppelklick einzuschalten oder auszuschalten.
  • "Item To Start From" ermöglicht das Startbild in der Galerie auszuwählen.
  • "Ausrichtung" ermöglicht die Ausrichtung der Galerie zu wählen. Sie kann entweder waagerecht oder senkrecht sein.
  • Tab "Item settings" enthält zusätzliche Einstellungen des Widgets. Zu den verfügbaren Einstellungen gehören:

1) Item Creation Delay (Bilddarstellungszeit kann von 0 bis 5 Sekunden sein)

2) Item Corner Radius (Abrundung der Rahmenecken kann von 0 bis 9999)

3) Item Border Width (Rahmenbreite kann von 0 bis 1000 Pixeln sein)

4) Item Border Color (Rahmenfarbe)

5) Item Border Alpha (Transparenz des Rahmens kann von 0 bis 100% sein)
3.png

Tab "Horizontal/Vertical settings" hat zusätzliche Einstellungen der Miniatur, falls Sie sie entweder waagerecht oder senkrecht ausrichten. Zu verfügbaren Einstellungen gehören: 

1) Rows/Columns (Anzahl an Zeilen und Spalten)

2) Item Width/Heigth (Dicke und Höhe der Miniatur)

3) Vertical/Horizontal Spacing (waagerechte und senkrechte Einrückung)
4.png

Tab "Arrow settings" ermöglicht die Einstellungen der Pfeile zu bearbeiten.
5.png

1) Arrows Width (Pfeildicke)

2) Arrows BG Color (Hintergrundfarbe des Pfeils)

3) Arrows BG Alpha (Transparenz des Pfeilhintergrundes)

4) Arrows Color (Pfeilfarbe)

5) Arrows Alpha (Pfeil-Transparenz)

6) Arrows Corner Radius (Abrundung der Pfeile)

Media Gallery Preview
6.png

Widget Media Gallery Preview wurde dafür gestaltet, um Bilder und Videos darzustellen (sowohl getrennt als auch mit dem Widget Media Gallery Thumbnail List zusammen). Für dieses Widget haben Sie zwei Tabs zur Verfügung: "Eigenschaften" und "Aktionen".
8.png

Im Tab "Eigenschaften" gibt es folgende Parameter:

  • "Name" ermöglicht den Namen des Widgets zu ändern.
  • "Widget Connection ID" ermöglicht dieses Widget mit den anderen Widgets der Galerie zu verbinden. Alle Widgets, die verbunden sind, müssen den gleichen Zeichensatz haben.
  • "Enabled Slideshow" ermöglicht die Diashow einzuschalten oder auszuschalten.
  • "Slideshow Delay" ermöglicht das Zeitintervall zwischen Bildwechseln festzulegen (von 1 bis 30 Sekunden).
  • "Corner Radius" ermöglicht die Eckenabrundung des Widgets zu regulieren (von 0 bis 9999).
  • "Border Width" ermöglicht die Rahmendicke des Widgets zu regulieren (von 0 bis 20 Pixeln).
  • "Border Color" ermöglicht die Konturfarbe des Widgets zu regulieren.
  • "Border Alpha" ermöglicht die Konturtransparenz des Widgets zu regulieren (von 0 bis 100%).
  • Tab "Arrow Settings":

9.png

1) Arrows Width (Pfeildicke)

2) Arrows BG Color (Hintergrundfarbe des Pfeils)

3) Arrows BG Alpha (Transparenz des Pfeilhintergrundes)

4) Arrows Color (Pfeilfarbe)

5) Arrows Alpha (Pfeil-Transparenz)

6) Arrows Corner Radius (Abrundung der Pfeile)

"Auto load & play" ermöglicht die Diashow beim Start der Seite einzuschalten oder auszuschalten.
"Sound volume" ermöglicht die Klänge des Widgets einzuschalten oder auszuschalten.
"Media controls" ermöglicht die Navigationstasten einzuschalten oder auszuschalten. Wenn das Ankreuzfeld markiert ist, wird der Tab "Mediaplayer skin" dargestellt.
Tab "Mediaplayer skin":

10.png

1) Background Color (Hintergrundfarbe)

2) Background Alpha (Transparenz des Hintergrundes)

3) Elements Color (Elementfarbe)

4) Elements alpha (Elementtransparenz)

5) Active color (Farbe, sobald man den Mauszeiger darüber positioniert)

"Widget vorausladen" ermöglicht das Hochladen einzuschalten oder auszuschalten.
"Vorausladen verstecken" ermöglicht die Animation beim Hochladen des Videos oder Bildes zu verstecken oder darzustellen.

Media Gallery Lightbox
11.png

Mittels Media Gallery Lightbox können Sie das Bild in Vollgröße sehen, indem Sie einen Doppelklick auf notwendiges Bild machen. Es gibt verschiedene Arten von diesem Widget mit zusätzlichen Einstellungen, Buttons und Design. Im Eigenschaftenpanel des Widgets haben Sie nur einen Tab zur Verfügung - "Eigenschaften".
12.png

Im Tab "Eigenschaften" gibt es folgende Parameter:

  • "Widget Connection ID" ermöglicht dieses Widget mit anderen Widgets der Galerie zu verbinden. Alle Widgets, die verbunden sind, müssen den gleichen Zeichensatz haben.
  • "Enabled Slideshow" ermöglicht die Diashow einschalten oder auszuschalten.
  • "Slideshow Delay" ermöglicht das Zeitintervall zwischen Bildwechseln festzulegen (von 1 bis 30 Sekunden).
  • "Enable Key Navigation" ermöglicht die Bilder mittels der Button umzuschalten.
  • "Enable Mouse Wheel" ermöglicht das Bild zu scrollen oder nicht zu scrollen.
  • Tab "Colors" ermöglicht die Farben im Widget zu bearbeiten.

1) Background Color (Hintergrundfarbe)

2) Background Alpha (Transparenz des Hintergrundes)

3) Button Color (Buttonfarbe)

4) Button Alpha (Button-Transparenz)

5) Button background Color (Hintergrundfarbe der Buttons)

6) Button background Alpha (Transparenz des Buttonhintergrundes)
13.png

"Auto load & play" ermöglicht die Diashow einzuschalten oder auszuschalten.

"Sound volume" ermöglicht die Lautstärke zu bearbeiten (von 0 bis 100%).
"Media controls" ermöglicht die Navigationstasten sowohl einzuschalten als auch auszuschalten.
Tab "Mediaplayer skin" ermöglicht das Aussehen des Widgets und seine Elemente zu stilisieren.

14.png

1) Background Color (Hintergrundfarbe)

2) Background Alpha (Transparenz des Hintergrundes)

3) Elements Color (Elementfarbe)

4) Elements alpha (Elementtransparenz)

5) Active color (Farbe, sobald man den Mauszeiger darüber positioniert)

"Widget vorausladen" ermöglicht das Widget und Vorausladen der Webseite gleichzeitig hochzuladen.
"Vorausladen verstecken" ermöglicht die Animation beim Hochladen des Videos oder Bildes zu verstecken oder darzustellen.

Haben Sie Fragen? Anfrage einreichen

Kommentare