Lightbox-Bildergalerie

kashban
Beiträge: 44
Registriert: Fr 7. Mai 2004, 10:29
Kontaktdaten:

Beitrag von kashban »

Faar, ich glaube er meint nicht den inhaltlichen Text, sondern den Style dafür.

Ich verwende die lightbox-Version mit den Modultemplates. Das Template für ein einzelnes Bild (Thumbnail mit Titel) heißt lightbox-gallery_image.html und sieht bei mir so aus:

Code: Alles auswählen

<td class="gallery_image">
	<div class="link"><a href="{LINK}" rel="lightbox[Images]" title="{LINKDESCRIPTION}"><img src="{FILE}" title="{MEDIANAME}" alt="{DESCRIPTION}" /></a></div>
	<div class="medianame"><h3>{MEDIANAME}</h3></div>
	<div class="description">{DESCRIPTION}</div>
</td>
In meinem Fall wird der Medienname also mit der Standard-Überschrift <h3> formatiert, die in meiner Haupt-CSS-Datei definiert ist. Du kannst natürlich jeden anderen Style dort verwenden.
Faar
Beiträge: 1951
Registriert: Sa 8. Sep 2007, 16:23
Wohnort: Brandenburg
Hat sich bedankt: 15 Mal
Kontaktdaten:

Beitrag von Faar »

kashban hat geschrieben:Faar, ich glaube er meint nicht den inhaltlichen Text, sondern den Style dafür.

Code: Alles auswählen

	<div class="medianame"><h3>{MEDIANAME}</h3></div>
	<div class="description">{DESCRIPTION}</div>
In meinem Fall wird der Medienname also mit der Standard-Überschrift <h3> formatiert, die in meiner Haupt-CSS-Datei definiert ist. Du kannst natürlich jeden anderen Style dort verwenden.
Deshalb schrieb ich ja, man solle noch ein bisschen mit height und margin spielen, falls der Text nicht erscheint.
Überflüssigerweise ist der Medianame nicht nur in h3 sondern auch noch in eine div-box gepackt. Das gleiche mit der Description.
statt div hätte auch nur h3 und p ausgereicht und so habe ich es dann auch umgestaltet, das Template-Modul.
Wenn h3 alleine dasteht, kann man getrost das margin-top und margin-bottom dafür verkleinern, so dass nicht soviel Platz verschwendet wird.
Irgendwo gibt es dazu eine lightbox.css in die ich alles reingeschrieben habe.

Ohne gute Kenntnisse in HTML-CSS wird es jedoch schwer, so eine Galerie anzupassen.

edith: das height anpassen tut man in der td "gallery_image", so dass die beiden div-boxen mit dem Text erscheinen.
Powerkoffer
Beiträge: 23
Registriert: Di 16. Okt 2007, 13:43
Kontaktdaten:

Beitrag von Powerkoffer »

Danke für Eure Hinweise. Habe mich aber entschieden die Bildbeschreibung weg zu lassen, da es eh zuviele Bilder werden.
Noch eine Frage: Wenn man mehrere Seite in der Gallerie hat erscheinen ja die zurück und vor links um die Seiten durchzublättern. Wo kann man denn da festlegen ob die links rechts,mitte oder links stehen?
Bei mir hängen die direkt zusammen, das gefällt mir nicht
Andreas
Beiträge: 254
Registriert: So 16. Nov 2003, 14:48
Wohnort: Reichshof
Kontaktdaten:

Re: Darstellungsproblem

Beitrag von Andreas »

Hallo Zusammen,

klasse Modul!!!!
Ich habe allerdings das gleiche Problem mit dem IE (6 und 7) wie ClemensSchnitzler!
ClemensSchnitzler hat geschrieben: ...Wenn sich die Bilder in der vergrößerten Ansicht anschaut wird die Webseite ja abgedunkelt. Beim Internetexplorer aber leider nicht die komplette Seite. Unten bleibt leider immer ein breiter weißer Balken. Dies fällt bei kleinen Monitoren erst gar nicht auf. Erst wenn man die Seite scrollt kann man diesen Effekt sehen...
Kennt jemand die Lösung?
Gruß
Andreas
Con_Explorer
Beiträge: 60
Registriert: Do 4. Jan 2007, 17:10
Kontaktdaten:

Beitrag von Con_Explorer »

Ich habe mir das noch nicht genau angeschaut, aber ich vermute, dass du einfach im CSS ein wenig rumprobieren muss!

Da wird dieser Hintergrundeffekt sicherlich irgendwo definiert!
Exercitatio artem parat -
Übung macht den Meister
- Jeder fängt mal klein an
kashban
Beiträge: 44
Registriert: Fr 7. Mai 2004, 10:29
Kontaktdaten:

Beitrag von kashban »

Stimmt, den Effekt habe ich im IE 6 auch. Möglicherweise liegt das an height: 500px; in der lightbox.css:

Code: Alles auswählen

#overlay {
		position: absolute;
		top: 0;
		left: 0;
		/*z-index: 90;*/
		z-index: 980;
		width: 100%;
		height: 500px;
		background-color: #000;
		filter:alpha(opacity=60);
		-moz-opacity: 0.6;
		opacity: 0.6;
	}
Andreas
Beiträge: 254
Registriert: So 16. Nov 2003, 14:48
Wohnort: Reichshof
Kontaktdaten:

Beitrag von Andreas »

kashban hat geschrieben:Stimmt, den Effekt habe ich im IE 6 auch. Möglicherweise liegt das an height: 500px; in der lightbox.css:
Vielen Dank für den Tipp!
Es lag tatsächlich an der CSS der Lightbox:

Code: Alles auswählen

#overlay {
	...
 	...
	height: 2000px !important;
	...
 	...
}
Vielen Dank für die schnelle Hilfe (speziell auch an Clemens!!!).
Gruß Andreas
ImmoF
Beiträge: 175
Registriert: Do 26. Jun 2003, 18:33
Kontaktdaten:

Beitrag von ImmoF »

Super Modul.

Nach ein paar Stunden Versuch jedoch ist es mir nicht gelungen, die Bilder zu verknuepfen, so dass diese im Popup mit "Image X von X" angezeigt werden und der "Next"-Button bzw. "Prev".

Ansonsten funktioniert alles.

Ich denke, die images werden ueber - rel="lightbox[Images]" - verknuepft. Das ist auch so im Template lightbox-gallery_image.html eingestellt. Kann es sein, dass es einen Konflikt mit anderen Containern gibt? Wo kann ich noch suchen?
ImmoF
Beiträge: 175
Registriert: Do 26. Jun 2003, 18:33
Kontaktdaten:

Beitrag von ImmoF »

Vielleicht noch eine Ergaenzung dazu. Ich habe in den Voreinstellungen des Moduls 1 Spalte 1 Zeile. Wenn ich 2 Spalten 1 Zeile anzeige, erhalte ich die Prev/Next-Links bei Mouseover. Ich moechte aber die eigentliche Galerie mit der Blaetterfunktion im Popup haben und auf der Seite nur jeweils 1 Vorschaubild.

Laesst sich das realisieren?
Faar
Beiträge: 1951
Registriert: Sa 8. Sep 2007, 16:23
Wohnort: Brandenburg
Hat sich bedankt: 15 Mal
Kontaktdaten:

Beitrag von Faar »

ImmoF hat geschrieben: Ich denke, die images werden ueber - rel="lightbox[Images]" - verknuepft. Das ist auch so im Template lightbox-gallery_image.html eingestellt. Kann es sein, dass es einen Konflikt mit anderen Containern gibt? Wo kann ich noch suchen?
Das in der eckigen Klammer [] stehende "Images" ist die Bezeichnung für die Verknüpfung. Laut Theorie sollen also alle Bilder auf einer Seite, die in der eckigen Klammer die gleiche Bezeichnung stehen haben, miteinander in der Diashow verknüpft sein. Für eine andere Gruppe Bilder müsste also statt Images dann ein anderer Bezeichner drin stehen, also Images2 oder Balloon oder... was auch immer.
ImmoF
Beiträge: 175
Registriert: Do 26. Jun 2003, 18:33
Kontaktdaten:

Beitrag von ImmoF »

Also nur auf einer Seite, nicht die Bilder des gesamten Verzeichnisses? Das waere doch eigentlich sinnvoller?
Faar
Beiträge: 1951
Registriert: Sa 8. Sep 2007, 16:23
Wohnort: Brandenburg
Hat sich bedankt: 15 Mal
Kontaktdaten:

Beitrag von Faar »

ImmoF hat geschrieben:Also nur auf einer Seite, nicht die Bilder des gesamten Verzeichnisses? Das waere doch eigentlich sinnvoller?
Das Javascript "Lightbox" greift ja nur auf die Seitendaten zu aber niemals auf ein Verzeichnis auf dem Server, sonst müsste es ein serverseitiges PHP-Programm sein.
Also kann das Ligthbox-Javascript nur jeweils immer nur die aktuelle Seite behandeln und da es keine anderen Parameter gibt außer dem in der eckigen Klammer [ ] wird das als einziges übrig bleiben, um Bilder zu verknüpfen.

Auf der nächsten Seite sind dann ja wieder die Bilder mit dem gleichen Parameter verknüpft. Es kann sein, dass Lightbox den aktuellen Parameter an das PHP beim Seitenwechselt mit einer GET oder POST Funktion übergibt und quasi den Seitenwechsel auch in Lightbox mit vollzieht.
Ich hab das aber noch nicht getestet, weil bisher alle Bilder einer Galerie auf eine Seite passten.
chriz_the_wiz
Beiträge: 27
Registriert: Fr 23. Jun 2006, 14:13
Kontaktdaten:

Beitrag von chriz_the_wiz »

Hallo,

danke erstmal für das tolle modul. Im backend habe ich leider das problem, dass das Modul in der Modulkonfiguration die Ordner sämtlicher Mandanten ausließt.

Diese Zeile muss vermutlich angepaßt werden.

Code: Alles auswählen

  $sql = "SELECT DISTINCT dirname FROM ".$cfg['tab']['upl']." ORDER BY dirname";
  $db->query($sql);
Hat jemand eine Idee?
Danke,

Chriz
Nebel
Beiträge: 117
Registriert: Do 14. Jun 2007, 10:08
Kontaktdaten:

Beitrag von Nebel »

Hi,

ich würde gerne unter dem Thumb in der Galerie einen Link zu dem gleichen bild in hoher Auflösung anzeigen lassen. Das HQ bild soll dann im z.B. im Unterordner /hq liegen.
Das angezeigte Bild hat ja die url cms/upload/galerie/bild.jpg
Jetzt würde ich gerne den Link mit cms/upload/galerie/hq/bild.jpg erzeugen.

Ich habe im Moduloutput versucht die URL so zu manipulieren und via {LINK1}

Code: Alles auswählen

	$oImageTpl->set("s", "LINK1", $link1);
im template einzubauen.

Wie muss ich das umbauen, damit ich es hinbekomme, bin lieder kein php crack

Code: Alles auswählen

		$link1 = str_replace($cfgClient[$client]['path']['frontend'],$cfgClient['htmlpath'],$sImageToDisplay);
Alle meine bisherigen versuche scheiterten und haben immer an cms/upload/galerie/hq/ nochmal das ganze cms/upload/galerie/bild.jpg angehängt (also cms/upload/galerie/hq/cms/upload/galerie/bild.jpg kam raus).

Ich hoffe, dass mir jemand helfen kann.

Schöne Grüße
Nebel
winston
Beiträge: 35
Registriert: Di 30. Okt 2007, 12:20
Kontaktdaten:

Übersicht von mehreren Galerien mit Vorschaubild

Beitrag von winston »

Hallo!

ich würde gern eine Seite haben, die automatisch eine Übersicht meiner Lightbox Galerien erstellt mit den Aktuellen Galerien und dazu jeweils ein Bild (z.B das erste des Albums).

habe das ganze mit der Artikelliste Advanced versucht, aber da zeigt er leider immer nur Text an
Gesperrt