JoomImages

Beitragsseiten

Mit der Standardanzeige können mehrere Bilder aus der JoomGallery gleichzeitig angezeigt werden. Neben den schon erklärten 'Allgemeinen Parametern' kann in den 'Weiteren Parametern für die Standardansicht' das Aussehen der Darstellung für die Anordnung der Bilder im gesamten als auch für die einzelnen Bilder vorgenommen werden.
Testet die Einstellungen schrittweise und nicht mehrere auf einmal. Dies gilt besonders für die Größeneinstellungen der Bilder und die Anzeige der Textausgaben in Verbindung mit Kommentaren.

Parameter der Standardansicht 1

Parameter Standardansicht Teil 1

Anzahl Spalten
Hier könnt ihr vorgeben, in wievielen Spalten die Bilder angezeigt werden sollen. So könnt ihr indirekt die Anzahl der Zeilen festlegen. Zum Beispiel würde die Ausgabe von 10 Bildern in 4 Spalten 3 Zeilen ergeben. Es kann abhängig von der Anzahl der Spalten und der Breite der Bilder passieren, dass der Platz zwischen den Bildern verschwindet und es sogar zu Überlappungen kommt.

Beispiel (3 Spalten):

Beispiel für die Standardansicht

Ihr könnt mit den Größeneinstellungen für die einzelnen Bilder versuchen, diesen Abstand wieder herzustellen, oder eine Spalte weniger vorgeben. Hier ist Experimentieren angesagt.

Pagination
Bei der Darstellung von vielen Bildern (besonders z.B. bei der Platzierung in einem Artikel oder in einer Modulposition der JoomGallery) kann es hilfreich sein, diese nicht komplett anzuzeigen, sondern eine sogenannte Pagination zu aktivieren, anfangs die der Seite 1.

Beispiel:
Anzahl der Bilder: 9
Anzahl Spalten: 3
Bilder in Pagination: 3
Position der Paginationlinks: Oben


TODO


Bedenkt bitte, dass im Hintergrund die Links zu allen Bildern geladen werden. Per Javascript/CSS werden nur die Bilder der aktiven Seite in der Pagination aktiviert. Bei einem Klick auf eine andere Seitenzahl werden die vorherigen Bilder ausgeblendet und die der neuen Seite eingeblendet. Bei einem Browserrefresh 'springt' die Pagination wieder auf die erste Seite.

Bildlink

  • nein: Es wird kein Link angeboten
  • JoomGallery Default: Entsprechend der Einstellung in der JoomGallery für die Detailansicht erfolgt ein Aufruf der Detailseite des Bildes oder eine animierte Darstellung z.B. in der Slimbox
  • Kategorie: Es wird die Kategorieansicht angezeigt
  • Neues Fenster: direktes Öffnen des Bildes in einem neuen Browserfenster
  • Javascriptfenster: s. Erklärung im Konfigurations-Manager->Detailansicht der JoomGallery
  • DHTML: s. Erklärung im Konfigurations-Manager->Detailansicht der JoomGallery
  • Thickbox: s. Erklärung im Konfigurations-Manager->Detailansicht der JoomGallery
  • Slimbox: s. Erklärung im Konfigurations-Manager->Detailansicht der JoomGallery
  • Plugin: Wenn Plugins wie das für die Shadowbox oder das Highslide JS installiert ist, könnt Ihr die Anzeige der größeren Bilder über diese Plugins aktivieren. Sonst ist diese Einstellung wirkungslos.

Nachricht, wenn es keine Bilder gibt
Wenn entsprechend eurer Vorgaben keine Bilder ermittelt werden konnten, kann eine Information darüber ausgegeben werden. Aktiviert diese Anzeige, wenn ihr experimentiert. damit könnt ihr sicher gehen, dass das Modul tatsächlich keine Bilder gefunden hat und nicht andere Fehler eine Rolle spielen.

Position des Bildes
Wie soll das Bild in Beziehung zu den Textelementen angeordnet werden? Die Einstellungen sollten selbsterklärend sein.
Wenn ihr 'links' oder 'rechts vom Text' einstellt und der Platz in der Breite nicht ausreicht, wird der Text unterhalb des Bildes angezeigt.

Dynamische Thumbnailgröße/Breite/Höhe
Wenn aktiviert, wird bei der Anzeige ein Script aufgerufen, welches aus dem Bild einen Ausschnitt berechnet. Damit ist eine gleichmäßige Formatierung aller Bilder möglich, z.B. quadratische Thumbnails. Ein Beispiel seht ihr unten auf unserer Webseite:
Anzahl Bilder: 10
Anzahl Spalten: 5
Dynamische Thumbnailgröße: Ja
Breite: 60
Höhe: 60

Besonders bei der Darstellung vieler und größerer Bilder kann diese vorherige Berechnung 
zeitintensiv und prozessorlastig sein. Das kann zu einem verzögerten Aufbau eurer Seite
führen. Alle anderen Parameter für die Größenangaben werden ignoriert.

CSS Größendefinition und CSS max. Größe
Während bei der dynamischen Thumbnailgröße ein Ausschnitt des Bildes angezeigt wird, kann hier das vollständige Bild in der Breite oder Höhe bzw. in beidem verändert angezeigt werden. Im letzten Fall kann dies aber zu Verzerrungen des Bildes führen. Wenn ihr quadratische Thumbnails unverzerrt anzeigen lassen wollt und die Ursprungsbilder unterschiedliche Formate haben, ist die dynamische Thumbnailgröße die bessere Wahl.

Mit diesen Parametern könnt ihr die Bilder verkleinern, ohne dass die Originalproportionen verloren gehen.

Beispiel: Die Thumbnails haben eine maximale Kantenlänge von 133px (Höhe oder Breite). Ihr wollt die längste Seite des Bildes auf 100px verkleinern. In 'CSS max. Größe' gebt ihr dann '100' ein und setzt 'CSS Größendefinition' auf 'Ja'. In diesem Fall wird für jedes einzelne Bild per CSS eine individuelle Höhen und Breitenvorgabe ausgegeben.

Ihr könnt auch größere Werte als die tatsächlichen Dimensionen eingeben. Das Ergebnis geht aber 
zu Lasten der Darstellung, die Bilder wirken verschwommen und verpixelt. Diese Parameter werden
ignoriert, wenn der Parameter 'dynamische Thumbnailgröße' aktiviert ist. Wegen der Vorgabe von
CSS-inline Styles für jedes einzelne Bild vergrößert sich der ausgegebene Code. Dies kann
Auswirkungen auf die Ladezeit der Seite haben. Wenn die 'CSS Größendefinition' aktiviert ist,
werden die Einstellungen in 'Breite der Bilder' und 'Höhe der Bilder' ignoriert.

Breite der Bilder und Höhe der Bilder
Während bei der dynamischen Thumbnailgröße ein Ausschnit errechnet und angezeigt wird und mit der 'CSS Größendefinition' die kompletten Bilder mit CSS-Styles beeinflusst werden, können mit diesen Parametern Größeneinstellungen über die Vorgaben der img Tags festgelegt werden. Dies entspricht im Ergebnis den der CSS-Größendefinition, es wird nur eine andere Methode der Größenbeeinflussung im HTML Code gewählt.

Beispiele:

  • Breite aller Bilder -> 100px
    Parameter 'Breite der Bilder': 100
    Parameter 'Höhe der Bilder': (leer)
  • Höhe aller Bilder -> 100px
    Parameter 'Breite der Bilder': (leer)
    Parameter 'Höhe der Bilder': 100
  • Breite und Höhe aller Bilder -> 100px (quadratische Thumbnails)
    Parameter 'Breite der Bilder': 100
    Parameter 'Höhe der Bilder': 100
Diese Einstellungen werden ignoriert, wenn die 'dynamische Thumbnailgröße' oder die 
'CSS Größendefinition' aktiviert ist.

Joomla!®

Joomla! ist freie, unter der GNU/GPL-Lizenz veröffentlichte Software. Der Name Joomla! und das Logo werden unter einer limitierten Lizenz durch Open Source Matters als Rechteinhaber in den USA und anderen Staaten vergeben. Joom::Gallery ist weder Mitglied noch Teil des Joomla!-Projekts oder von Open Source Matters.