Visuelles Beispiel

 

 
 

Allgemein

Das Modul „Bildergalerie“ wird zur Präsentation von mehreren Bildern mit gleichem Format zu einem Thema eingesetzt. Bezeichnung im Sitemanager: Bildergalerie (deutsch)

 

Leistungsmerkmale

  • Upload von Bildern in der Originalgröße
  • Upload von Bildarchiven (ZIP-Dateien) wird unterstützt
  • Automatische Bildung von Vorschau- und Einzelansichten
  • Modulspezifische Einstellungen für die Größenvorgabe der einzelnen Ansichten
  • Modulspezifische Einstellungen für die Anordnung der Vorschaubilder in Zeilen und Spalten
  • Metainformationen für Titel, Untertitel, Autor und Kurzbeschreibung
  • Freitextfeld mit allen Formatierungsmöglichkeiten
  • Vergabe einer Bildtypinformation
  • Vergabe von Schlagworten für Volltextsuche und Suchmaschinen
  • Mehrfache Veröffentlichung an unterschiedlichen Stellen
  • Blätterfunktion (Paging)
  • Templates für Kopf- und Fußbereich
  • Templates für Vorschauansicht (auch alternierend) und Einzelansicht
  • Drucktemplates
  • Zentrale Bildverwaltung der Originalbilder im Ressourcenmanager
  • Zuordnung von mehreren Bildern gleichzeitig über Mehrfachauswahl
  • Änderung der Bildreihenfolge per Drag & Drop
  • Zuordnung der Bildergalerie z. B. zu Textbeiträgen
  • Zugriffsrechte für Benutzergruppen entsprechend Rollenkonzept
  • Unterstützung verschiedener Sprachen

Bestimmung

  • Präsentation von beliebigen Bildmaterial, z. B. Screenshots, Fotoserien
  • Fotogalerien
  • Downloadbereich für Bilder
  • Anwendung in Zusammenhang mit Textbeiträgen oder Veranstaltungen

Nutzen

  • Aufwand für Bildbearbeitung entfällt
  • Einfache, zeitsparende Handhabung

Beschreibung

Die Bildergalerie sollte immer dann eingesetzt werden, wenn zahlreiche Bilder mit gleichem Format ohne individuelle Anpassung bereitgestellt werden sollen.

 

Hinweis: Sollen mehrere Bilder verschiedener Formate zusammengefasst wer-den, z.B. verschiedene Ansichten eines Produktes oder Bilder verschiedener Auflösung, und es werden alle Eigenschaften von contentXXL Objekten benötigt, dann prüfen Sie alternativ auch den Einsatz von Bildobjekten.

 

 

Besonderheiten bei Bildergalerie Objekten


Objekte in einer Bildergalerie sind keine vollständigen contentXXL Objekte, d. h. verknüpfte Objekte, Kategorien, Veröffentlichungszeiträume für einzelne Bilder usw. sind nicht verfügbar.  Jedes Bild, das in die Galerie geladen wird zu einem Objekt innerhalb des Modules. Bilder werden sofort veröffentlicht, wenn sie in eine Galerie geladen werden. Verwenden Sie Bildob-jekte, wenn diese Leistungsmerkmale benötigt werden.

 

Laden von mehreren Dateien

Ein besonderer Menüpunkt (Mehrere Bilder importieren) im Bearbeitungsmenü ermöglicht es mehrere Bilder mit wenigen Klicks auf den Server zu laden. Nach dem Klick auf "Mehrere Bilder importieren" öffnet sich ein Fenster mit dem Ressourcenmanager.

Navigieren Sie zu dem Ordner, der die Bilder enthält (A), halten sie die "STRG" Taste ge-drückt und wählen Sie durch mehrere, einfache Mausklicks die Bilder aus, die sie auf den Server laden möchten (B) und klicken anschließend auf "Export" (C).

Abb.: Mehrfachauswahl im Ressourcenmanager Fenster

 

 

 

Das Basisdaten Formular

Wenn eine einzelne Bilddatei der Galerie hinzugefügt wird (Menü neues Bild erstellen), müssen die Basisdaten manuell ausgefüllt werden.
 

Abb.: Das Bildergalerie Objekt Basisdaten Formular

  • Bild: Auswahl / Ändern / Löschen des Vorschaubildes aus dem Ressourcen Manager.
  • Kopfzeile: Hier sollte der Titel des Objektes stehen, der für die Veröffentlichung auf der Website bestimmt ist. Dies ist jedoch vom Templating abhängig.
  • Titel des Bildes: Der Titel eines Objekts muss nicht der für die Veröffentlichung bestimmte Titel sein. Hier könnten auch sprechende Namen verwendet werden, wenn man diese z. B. zum Filtern von Artikeln verwenden möchte. Dies ist jedoch vom Templating abhängig.
  • Autor des Objektes: Hier erscheint der Ersteller des Artikels als Autor.
  • Kurzbeschreibung Vorschau: Der Vorschau-Text kann der gleiche wie der Anriss-Text sein, kann aber auch völlig abweichen, wenn er für eine andere Zielgruppe oder Aufgabe bestimmt ist. Dies ist jedoch vom Templating abhängig.

 

Hinweis: Wenn mehrere Bilder der Bildergalerie hinzugefügt werden, werden die Felder "Titel" und "Autor" automatisch gesetzt

Dieses Modul steht auch als „Verknüpfte Bildergalerie“ zur Verfügung. Dabei wird jeweils die verknüpfte Bildergalerie zu einem in Einzelansicht dargestellten Objekt angezeigt. Die Zuordnung erfolgt in den Basisdaten des jeweiligen Objekts. Eine detaillierte Beschreibung der Customization Points und Templates finden Sie im Partner- und Supportportal.

 

 

Templating: Vorschau groß

<div class="col-xs-6 col-md-3" [mvif:imageurl:neq:0]>
    <a class="thumbnail" data-toggle="modal" data-target='.modal-[resourceid]'>[editbutton]<img src='[imageurl]' alt="" /></a>
lt;!-- modal -->
 <div class='modal-[resourceid] fade modal' tabindex="-1" role="dialog" aria-labelledby='modalLabel-[resourceid]' aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title" id='modalLabel-[resourceid]'>[Title]</h4>
        </div>
        <div class="modal-body">
              <img src='[Detailimageurl]' alt="" class="modal-image" />
                <hr  [mvif:Headline:neq:] />
                <h2 [mvif:Headline:neq:]>[Headline]</h2>
                <h3 [mvif:SubTitle:neq:]>[SubTitle]</h3>
                <p  [mvif:Preview:neq:]>[Preview]</p>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->
</div><!-- /.col -->

 

 

Templating: Kopfzeile

<div class="row">[template_end]</div>

 

 

Templating: Fußzeile

<div class="row">[template_start]</div>

 

 

Platzhalter: Detailansicht

 

Platzhaltername

Type

Platzhalterbeschreibung

[Author]

string

Name des Erstellers

[Description]

string

Textdaten (WYSIWYG)

[editbutton]

string

Link zum Editor im Advanced Modus

[Headline]

string

Überschrift

[imagecount]

integer

Anzahl der Bilder

[ImageUrl]

string

Url zu einem Bild (einzelansichts variante)

[Keywords]

string

SEO-Keywords

[NextImageUrl]

string

Url zum nächsten Bild (leer falls das letzte Bild bereits angezeigt wird)

[Preview]

string

Vorschautext

[PreviewImage]

string

Veraltet: RAID des Vorsschaubilds (Thumbnail) dieses Bild kann nicht mit dem standard basicdata control verwendet werden.

[PreviewImage_alt]

string

Alternativ text für das Vorschaubild (veraltet da das Vorschaubild mit dem standard basicdata control nicht verwendet warden kann.

[PreviewImageIsVisible]

string

Veraltet: Verwen Sie [mvif:previewimage:neq:0]

[PreviousImageUrl]

string

Url zum vorherigen Bild (leerer string wenn bereits das erste Bild angezeigt wird)

[PrintLink]

string

Url zur Druckansicht

[ResourceId]

intger

RAID des original Bilds (nicht Thumbnail)

[SortOrder]

string

Index des aktuellen Bilds

[SubTitle]

string

Der Untertitel des Image-Objekts

[ThumbnailUrl]

string

Url die zurück zur Listenansicht führt

[Title]

string

Titel des Bilds

[TotalImages]

string

Anzahl aller Bilder in dieser Gallerie

Anmerkung:
Ihnen stehen hier zusätzlich die Felder [usersetting1] - [usersetting10] (string Werte), [userint1]-[userint5] (integer Werte), [userdate1] and [userdate2] (datetime Werte), [userfloat1]-[userfloat5] (double Werte), [userimage1]-[userimage5] als rid‘s, [userimage1_alt]-[userimage5_alt] (string Werte).

 

 

Platzhalter: Kopf- und Fußbereich

 

Platzhaltername

Type

Platzhalterbeschreibung

[CurrentPageNumber]

integer

Aktuelle Seitennummer – Paging

[FirstPage]

string

Link zur ersten Seite – Paging

[IsListView]

string

Befindet sich das Modul in der Listenansicht

[LastPage]

string

Link zur letzten Seite – Paging

[ModulePreview]

string

Vorschautext des Moduls

[ModulePreviewImage]

string

Vorschaubild des Moduls

[ModuleImage_alt]

string

Alternativtext des Vorschaubilds

[NextPage]

string

Link zur nächsten Seite – Paging

[PreviousPage]

string

Link zur vorherigen Seite – Paging

[PrintLink]

string

Link zur Druckansicht

[ReturnToListLink]

string

Link zurück zur Listenansicht

[ReturnToOriginalListLink]

string

 

[ShownFrom]

string

Index des ersten Elements das auf der aktuellen Seite angezeigt wird                                                  

[ShownTo]

string

Index des letzten Elements das auf der aktuellen Seite angezeigt wird

[TellAFrendLink]

integer

selbsterklärend

[TotalItemsCount]

integer

Anzahl aller Elemente – Paging

[TotalPageCount]

integer

Anzahl aller Seiten - Paging

 

 

Platzhalter: Listenansicht

 

Platzhaltername

Type

Platzhalterbeschreibung

[Author]

string

Name des Erstellers

[Description]

string

Textdaten (WYSIWYG)

[editbutton]

string

Link um das Bild zu Bearbeiten

[Headline]

string

Überschrift

[ImageCount]

integer

Anzahl der Bilder in dieser Galerie

[ImageUrl]

string

Url des Thumbnail

[Keywords]

string

SEO-Keywords

[Morelink]

string

Url zur Detailansicht des Bilds

[Preview]

string

Vorschautext

[PreviewImage]

string

Veraltet: RAID des Vorsschaubilds (Thumbnail) dieses Bild kann nicht mit dem standard basicdata control verwendet werden.

[PreviewImage_alt]

string

Alternativ text für das Vorschaubild (veraltet da das Vorschaubild mit dem standard basicdata control nicht verwendet warden kann.

[PreviewImageIsVisible]

string

Veraltet: Verwen Sie [mvif:previewimage:neq:0]

[ResourceId]

integer

RAID des Originalbilds (nicht Thumbnail)

[SubTitle]

string

Der Untertitel des Image-Objekts

[Title]

string

Titel des Bilds

Anmerkung:
Ihnen stehen hier zusätzlich die Felder [usersetting1] - [usersetting10] (string Werte), [userint1]-[userint5] (integer Werte), [userdate1] and [userdate2] (datetime Werte), [userfloat1]-[userfloat5] (double Werte), [userimage1]-[userimage5] als rid‘s, [userimage1_alt]-[userimage5_alt] (string Werte).