Galerie

[lionel]

Ich habe die Version 1.5.0 und 1.6.0 in dem Repository aktualisiert.

[lionel]

Hallo,

Für die Nächste Version (1.7.0) :

• Die Möglichkeit um mehrere Ordner hinzuzufügen.
• Diese Funktionalität auch für das Modul.

[Webstylerin]

Hallo allerseits!

Ich erstelle gerade eine Seite für einen Fotografen und beim Durchstöbern der Galerie-Erweiterung bin ich auf die [galerie] Galleria gestoßen und war sofort begeistert. Habe mir auch ein das Premium-Theme "Folio" geholt.

Jetzt hab ich aber ein Problem: Ich möchte, dass die Größe der Galerie sich an die aktuelle Breite der Seite anpasst und die Höhe entsprechend angepasst wird. In der Erweiterung muss ich aber eine Größe angeben die dann für den Container fest per style gesetzt wird:

<div class="galleria-container notouch" style="width: 800px; height: 600px;">

Wie bekomm ich die Größenangaben da raus? Im Backend muss ich eine Größe angeben, sonst wird 0 gesetzt und man sieht die Galerie gar nicht.

Viele Grüße
Nicole

[brain1965]

Hallo,

ganz tolle Erweiterung! Funktioniert mit dem Standard Theme problemlos. Habe das Folio-Theme gekauft, hochgeladen in den Theme Ordner und das Modul im Backend umgestellt auf dieses Theme. Bekomme aber nur eine weiße Seite. Wer weiss Rat?

Danke!

EDIT: Gefunden!

ins Seitenlayout muss noch als script rein:

<script>
Galleria.loadTheme('tl_files/galleria/themes/folio/galleria.folio.min.js');
</script>

[lionel]

Hallo Webstylerin,

In den Einstellungen, gibt es eine Option "responsive". Du kannst diese Option ankreuzen. Dann für "height" von 0.1 bis 2, Galleria betrachtet das als ein Verhältnis (ratio). Mehr es ist in px.

Also z.B. du kannst für "width" 0 und für "height" 0.5 schreiben. Dann in der CSS, musst du "#galleria-x{width:100%}" hinzufügen. Die ID von deiner Galerie #galleria-1 z.B.

Beispiel: http://jsfiddle.net/3MUTS/

[Webstylerin]

@brain1965: Alternativ kannst du auch einfach bei den Einstellungen der Galerie den Haken bei "Minifiziertes JavaScript benutzen" unter dem Punkt "Themes" setzen, dann nimmt er die .min.js und es funktioniert.

[lionel]

Hallo brain1965,

Du kannst nicht dein Thema in den Einstellungen der Galerie hinzufügen ?

[Webstylerin]

Huhu lionel!

Ah! Verstanden! 1000 Dank für die Erklärung und das Beispiel, kaum macht man es richtig, funktionierts.

[brain1965]

Hallo brain1965,

Du kannst nicht dein Thema in den Einstellungen der Galerie hinzufügen ?

Hallo Lionel,

vielen Dank für die Antwort. Das "Folio"-Theme läuft mittlerweile (Dank auch an Webstylerin). Allerdings finde ich im Backend leider keine Möglichkeit, die Größe der Thumbnails zu beeinflussen. Man kann das theoretisch zwar im Erweiterungsmodul einstellen, wenn man einzelne Bilder in die Galerie lädt, aber leider werden die eingegebenen Werte vom Theme ignoriert. Die Thumbnails sind immer 190x190 Pixel.

Hat jemand einen Tipp für mich? Danke!

[lionel]

Hallo,

@Webstylerin : Ja vielen Dank für deinen Tipp.

@brain1965 :

Diese Option funktioniert.

z.B. du hast dieses Foto: "tl_files/galleria/img/Foto-630x200.jpg" und du benützt die Option "Thumbnail - width and height" mit [190, , center center].

Contao kreiert ein neues Bild mit dem neuen Format (190x60). Für dieses Beispiel es ist : "system/html/Foto-630x200-75e0ae11.jpg" und Galleria benützt dieses Foto. Es ist eine gute Lösung für die Optimierung.

Aber dann, es bedeutet nicht dass du dieses Format in Frontend hast... Ich denke (nicht sicher) dass dein Theme dieses Format mit JS definiert hat.

Hast du mit CSS versuchen ?
z.B.: .galleria-thumbnails .galleria-image{width:??px;height:??px;}


Ich habe nicht dieses "premium theme". Ich kann nicht schauen.

[brain1965]

Hast du mit CSS versuchen ?
z.B.: .galleria-thumbnails .galleria-image{width:??px;height:??px;}

Hallo Lionel,

vielen Dank! Damit funktioniert es, die Größen global für alle Vorschaubilder einzustellen.

Wenn man ein einzelnes Bild in die Galerie lädt, kann man diese Größe leider nicht überschreiben. Es gibt zwar das Eingabefeld "Breite und Höhe des Vorschaubildes" im Galleria-Backend, aber die Werte werden beim "folio" Theme nicht übernommen.

Noch ein wichtiges Problem: beim "folio" Theme funktioniert auch "Ziel des Bildlinks" aus dem Galleria-Backend nicht.

Es wäre sehr wichtig, hierfür eine Lösung zu haben... 1000 Dank!

[lionel]

Hallo,

Noch ein wichtiges Problem: beim "folio" Theme funktioniert auch "Ziel des Bildlinks" aus dem Galleria-Backend nicht.

Ich denke Galleria nur eine Aktion pro Bild haben kann. Die Option "fullscreen" überschreibt den Rest. Das ist meine Idee aber...

Kannst du bitte die Option "Popup links" benützen und nochmals testen ?

Wenn man ein einzelnes Bild in die Galerie lädt, kann man diese Größe leider nicht überschreiben. Es gibt zwar das Eingabefeld "Breite und Höhe des Vorschaubildes" im Galleria-Backend, aber die Werte werden beim "folio" Theme nicht übernommen.

Aber es funktioniert für das Theme "Classic" ?

[Dr. Jo]

Das ist eine sensationelle Erweiterung, vor allem durch die Möglichkeit, nun direkt Ordner angeben zu können - chapeau!

Gibt es einen Weg, dass auch in diesem Fall Bildbeschreibung und Bildtitel aus einer vorhandenen meta.txt ausgewertet und angezeigt werden? Bei mir funktioniert das nur, wenn ich einzelne Elemente in der Galerie anlege (und dort dann diese Informationen händisch eintrage). Die Option "Info (Caption) anzeigen" ist aktiviert.

Bin dankbar für jeden Hinweis, viele Grüße

Dr. Jo


PS: "Das wäre der Fuß [Fuss]", wenn das auch noch funktionierte!

[lionel]

Danke !

Gibt es einen Weg, dass auch in diesem Fall Bildbeschreibung und Bildtitel aus einer vorhandenen meta.txt ausgewertet und angezeigt werden?

Vielleicht für Contao 3. Es gibt eine neue Methode mit dieser nächsten Version um Bilder zu beschreiben. Ohne die Datei meta.txt...

[abo]

Hallo,

ich benutze Contao in Version 2.11.4 mit der Galleria Erweiterung (1.7.0). Ich möchte nicht nur die alt- und title-tags ausgeben, sondern auch den HTMLLayer für einen normalen Bildtext. Das soll erscheinen, wenn man den Info-Button klickt (_toggleInfo). Ich habe das wie in der Anleitung von Lionel geändert, jedoch erscheint dann die Galerie überhaupt nicht mehr.

Hat sich etwas mit dem Update der Erweitung geändert? Könnte mir bitte jemand helfen, der sich auskennt?

Abo

2. HTML Layer
In den Einstellungen der Galerie, gibt es eine Textarea "Data config".

Ihr könnt die Struktur mit jQuery modifizieren mit z. B.:

dataConfig: function(img) {
    // return the layer data, based on our HTML structure
    return {
        layer: $(img).parent().next('.layer').html()
    }
}

Dann, in den Einstellungen der jeden Bilder, müsst ihr die zusätzlichen Code hinzufügen.

Also z.B. für ein Bild:

<div class="layer">
  <div>
    <h2>Icebergs in the High Arctic</h2>
    <p>Another description with a <a href="#">link</a>.</p>
  </div>
</div>

Dann, ihr müsst die Template "ce_galerie" modifizieren um die zusätzlichen Code hinzuzufügen.

Die Code ist in "$pictures['HTMLLayer']"

In unserem Beispiel müsst ihr den Code nach dem Bild hinzufügen.
Zeile 28:

echo '<a' . ($pictures['imageFullscreenSRC'] ? ' rel="'.$pictures['imageFullscreenSRC'].'" ' : ' ') . 'href="'.$pictures['imageSRC'].'"><img alt="'.$pictures['alt'].'" title="'.$pictures['title'].'" src="'.$pictures['thumbnailSRC'].'" ' . ($pictures['imageUrl'] ? 'longdesc="'.$pictures['imageUrl'].'" ' : '') . '/></a>' . $pictures['HTMLLayer'];

[lionel]

Hallo,

Ich habe einen Test mit meinem Beispiel gemacht und es funktioniert. (Galleria 1.7.0 + Contao 2.11.4)
http://img36.imageshack.us/img36/3110/galeriel.png

Es gibt vielleicht ein Problem an anderer Stelle im Code...

Kann ich den Quellcode der Galerie sehen ?

[abo]

[Problem gelöst]

Der Code für die HTMLLayer funktioniert einwandfrei. Der Grund, warum es bei mir nicht funktionierte lag allerdings am Template: Ich habe mir angewöhnt die Namen der Templates anzupassen, damit es übersichtlich bleibt. Aus ce_galerie.tpl hatte ich ce_galerie-meintemplate.tpl gemacht. Und das war der Grund warum Galleria es nicht geladen hat. Hier scheint also irgendetwas noch nicht ganz sauber zu laufen.

Vielen Dank für die Super-Anpassung Lionel!

[lionel]

Hallo,

Ok super !

Ich habe vergessen um die Option "Layer follow" zu sprechen. Vielleicht kann es nützlich mit der Option HTMLLayer sein...
Dann ich hatte in dem Quellcode gesehen: imagePosition: "100 %"; Es kann ein Problem haben ob es einen Abstand zwischen dem Prozentsatz und die Anzahl gibt.

[abo]

Danke, das läuft alles wunderbar!

Um aber diese mächtige Galerie zu verstehen, lohnt es sich, die Dokumentation anzuschauen und einfach ein Template nachzubauen
http://galleria.io/docs/

[lionel]

Hallo,

Eine neue Version ist verfügbar (1.8.0).

Was gibt's Neues?

Galleria update Version 1.8.0
Changelog : http://galleria.io/docs/references/changelog/#id1

[koopoo]

Hallo Lionel!
Ich beiße mir an Galleria gerade die Zähne aus. Will die Erweiterung aber unbedingt verwenden.
Die Galerie für den Kunden ist zzt. so angelegt das pro Produktbild ein IFRAME-Link eingefügt wird,
in dem sich neben dem Produktbild auch Beschreibungstext, ein Link zum Produkt im Online-Shop
und noch ein Markenbild- und LOGO befindet.
Diese Elemente sind also alle in einem ARTIKEL angelegt, DAMIT der Kunde diese Inhalte bequem
pflegen kann. Und dieser ARTIKEL wird eben als IFRAME eingefügt.
PROBLEM hierbei:
Wenn das Produktbild in einer Lightbox geöffnet wird, dann öffnet sich diese nur im IFRAME und nicht
über die ganze Seite.

MEINE IDEE und damit meine FRAGE(N):
Sobald ich IFRAME aktiviert haben, wird ja ausgeschlossen, dass, das Produktbild über GALLERIA eingepflegt
wird. Ist es also möglich IFRAME-Link zu nutzen UND das Bild, so dass ich über GALLERIA die Lightbox-Funktion nutzen kann?

Natürlich könnte ich mir vorstellen, das es eine gute Lösung wäre, ARTIKEL zu includieren.
Damit könnte doch auf eine IFRAME-Lösung komplett verzichtet werden.

Der Grund, warum ich HTML-Layer ... etc. nicht verwende, ist, weil ich (m)einem Kunden die Inhaltspflege
natürlich erleichtern möchte ...
Hierbei muss ich zugeben, dass ich die Möglichkeiten der Nutzung von HTML-Layer, DataConfig, JSON ... nicht
verstanden habe. Ich kann also nur vermuten, dass das eben eher Möglichkeiten für ADMINS und nicht für
REDAKTEURE sind, um z.B. zusätzliche Inhalte/Captions zu pflegen. Ist das so???

Vielen Dank für Geduld und Mühe und Antwort und Hilfe vorab!! ;-)

Beste Grüße
Rüdiger

[lionel]

Hallo,

Ich habe nicht alles verstanden...

Wenn das Produktbild in einer Lightbox geöffnet wird, dann öffnet sich diese nur im IFRAME und nicht
über die ganze Seite.

Kann ich ein Beispiel im Frontend haben wenn es möglich ist ?

[koopoo]

Hallo Lionel!

Ja, hab ich - glaube ich - ein wenig kompliziert beschrieben.
Im Folgenden ein Link. Das Produktbild der Uhr öffnet sich innerhalb des IFRAMES.
Ist so gesehen ja auch klar. Aber ich suche eben nach einert Lösung OHNE dass
die Lightbox sich in im IFRAME selbst öffnet UND diese Lösung soll vom Kunden
auch einfach pflegbar sein ... was links das Markenbild Produktbild, LOGO
und Beschreibungstext angeht.

LINK:
http://freyuhren.ch/index.php/longines-test.html

Ich hoffe, Du kannst mir helfen!

Viele Grüße
Rüdiger

[koopoo]

ach ja ... und wenn man den Artikel per IFRAME einbinden könnte und
das Produktbild über Galleria, dann ließe sich dieses Bild auch in der Lightbox öffnen,
indem diese sich über die ganze Seite legt ... verstehst Du, was ich meine?

LG

Rüdiger

[lionel]

Sorry, aber ich bin sehr beschäftigt im Moment...

Man kann nicht auf ein IFrame klicken mit der Lightbox. Aber wenn man auf einem Standard-Bild klickt, dann kann man diesen IFrame anzeigen.
Die Idee, einen Artikel in dem Slideshow zu anzeigen ist zehr gut aber das Problem ist dass der IFrame geschnitten ist !(?)

Möglichkeiten:
1. Der IFrame in dem Slideshow angezeigt ist und wenn man den IFrame klickt, man zeigt diese Seite in Frage an.
2. Wenn man den IFrame klickt, man zeigt im Vollbild (Fullscreen).

Du willst die gewünschte Lighbox-Option zu behalten, aber die IFrames muss sich verhalten anders. Richtig ?

Wenn ja, müsst du das Verhalten der Galleria zu ändern und ich bin mir nicht sicher, ob ich dir helfen kann.

Es gibt : http://support.galleria.io/
Oder suchen hier : https://getsatisfaction.com/galleria

[reto]

Hallo,

Ich setze Galleria u.a. auf einer Site ein, auf der viele unterschidliche Benutzer einen Teilbereich pflegen. Seitenbereiche und Dateiverwaltung kann ich jedem Benutzer natürlich schön zuordnen, aber im Modul Galleria können/müssen immer alle Benutzer die Galerien von allen anderen sehen (und natürlich auch bearbeiten...). Es sollten im Backend nur die Galerien des jeweilig eingeloggten Benutzers sichtbar/bearbeitbar sein.

Danke für Tipps, Gruss Reto

[lionel]

Hallo,

Eine neue Version ist verfügbar (1.8.1).

Was gibt's Neues?

• Der Alternativtext ist nicht mehr beschränkt auf 256 Zeichen.
• Die Größe des Vorschaubildes sind automatisch geändert ob die Bilder von einem Ordner geladen sind.
  
• Ihr könnt die Bilder sortieren, die von einem Ordner geladen sind.
• Ihr könnt die Titel den Bildern anzeigen, die von einem Ordner geladen sind. (Dateinamen)
• Ihr könnt jetzt ein verschiedenes Vorschaubild wählen. Nicht das gleiche Bild wie das Hauptbild.

PS: Diese neue Version erfordert Contao >= 2.10.0.

[ToNoma]

Erstmal: Sehr tolle Erweiterung!

Ich hab mir nun eine Slideshow in den Header eingebunden.
Nun möchte ich aber auf einigen Unterseiten in der Hauptspalte noch ein paar Videos anzeigen lassen. Dazu hab ich mir eine zweite Galerie angelegt mit anderen Einstellungen und diese in die Hauptspalte eingebunden. Jetzt überschreibt die Galerie in der Hauptspalte aber die Einstellungen der Galerie im Header. Ich hab extra verschiedene Themes gewählt und der Alias der Galerie ist auch unterschiedlich.

[lionel]

Hallo,

Kann ich den Code sehen ? URL per PM wenn du willst.

[ToNoma]

Sorry, war ein paar Tage mit etwas anderen beschäftigt. Schreibe dir gleich eine PN.

[thevelocity]

Hallo Lionel,

ich habe dasselbe Problem wie brain1965, allerdings konnte ich es nicht lösen, indem ich das Script im Seitenlayout eingefügt habe.

Mit dem Classic-Theme wird die Galerie im Frontend angezeigt.
Wenn ich aber im Backend "Folio" als Theme auswähle, ist im Frontend nichts zu sehen. Einfach weißer Hintergrund. Wenn ich das Script von brain1965 im Seitenlayout einfüge, erscheinen für einen Sekundenbruchteil die Fotos in voller Größe untereinander, und verschwinden dann wieder. Dann habe ich wieder nur weißen Hintergrund.

Ich bin mittlerweile wirklich schon am verzweifeln, und wäre dir um deine Hilfe sehr dankbar!

Liebe Grüße in die Schweiz
thevelocity

EDIT: Hier noch meine Einstellungen im Seitenlayout. Ist das so korrekt?
Bildschirmfoto 2012-12-10 um 20.33.35.png

Hallo,

ganz tolle Erweiterung! Funktioniert mit dem Standard Theme problemlos. Habe das Folio-Theme gekauft, hochgeladen in den Theme Ordner und das Modul im Backend umgestellt auf dieses Theme. Bekomme aber nur eine weiße Seite. Wer weiss Rat?

Danke!

EDIT: Gefunden!

ins Seitenlayout muss noch als script rein:

<script>
Galleria.loadTheme('tl_files/galleria/themes/folio/galleria.folio.min.js');
</script>

[lionel]

Hallo,

ins Seitenlayout muss noch als script rein:

<script>
Galleria.loadTheme('tl_files/galleria/themes/folio/galleria.folio.min.js');
</script>

Man muss nicht diesen Code in der Vorlage hinzufügen... Ich hatte nicht diese Info gelesen.
Es dupliziert das Script...

[lionel]

Kannst du einen Test mit jQuery lokal anstatt CDN machen ?

Und hast du die Option "Minifiziertes JavaScript benutzen" gewählt ?

[thevelocity]

Hallo Lionel,

vielen Dank für deine schnelle Antwort.

Ok, verstehe. Ich habe das Script im Seitenlayout wieder gelöscht.
Zum Test habe ich nun anstatt CDN die jQuery-Version 1.8.2 ausgewählt. "Minifiziertes JavaScript benutzen" ist aktiviert. Das Problem besteht aber leider weiterhin..

Kannst du einen Test mit jQuery lokal anstatt CDN machen ?

Und hast du die Option "Minifiziertes JavaScript benutzen" gewählt ?

[lionel]

Hallo,

Kannst du mir die URL per PM senden ?

[thevelocity]

ist unterwegs (:

[lionel]

Hallo,

jQuery ist zweimal geladen... Eine andere Erweiterung (?) fügt jQuery ein. Es ist das Problem.

[thevelocity]

Danke für den Tipp!
Werde ich mir gleich mal ansehen.

Falls ich tatsächlich zwei Erweiterungen habe, die beide jQuery laden: Wie kann ich es einstellen, dass jQuery nur einmal geladen wird?

[lionel]

Du hast eine Option mit der Erweiterung "socialshareprivacy"

jQuery unterbinden -> Verhindert die Einbindung von jQuery.

[thevelocity]

Ich habe gerade im Frontend-Modul der Erweiterung "socialshareprivacy" die Option "jQuery unterbinden" ausgewählt. Allerdings besteht das Problem nach wie vor.