Page 1 of 1
Lightbox (prettyPhoto) und usergallery
Posted: Mon Jan 23, 2012 12:38 am
by DL7BJ
Moin,
Bilder mit Lightbox anzuzeigen ist ja normalerweise keine Problem. Ich möchte das gerne mit dem Plugin usergallery bewerkstelligen, dass dabei nicht ein neues Fenster geöffnet wird, sondern alle Bilder einer Seite mit prettyPhoto anzeigt werden. In einem regulären Artikel ist das auch kein Problem, nur über usergallery geht es nicht.
Hier
http://board.s9y.org/viewtopic.php?f=4& ... ery#p70067 hatte ich einen alten Thread dazu gefunden, aber der Code passt wohl nicht zur aktuellen Version. Wenn ich das so einbaue, wird zwar prettyPhoto aufgerufen, aber das Bild wird nicht gefunden.
Code: Select all
<!-- show thumb -->
<a href="{$plugin_usergallery_httppath_extend}serendipity[image]={$image.id}"><img class="gallery_thumb" {if $plugin_usergallery_fixed_width !=0}height={$plugin_usergallery_fixed_width}px width={$plugin_usergallery_fixed_width}px{/if} style="width: 100%;" src="{$image.link}" alt="" /></a>
Wo und wie könnte ich hier ansetzen, dass auch der richtige Dateiname an prettyPhoto geht, dass nicht nur die Meldung "Image cannot be loaded. Make sure the path is correct and image exist" erscheint?
Ich bin kein PHP/HTML usw. Profi, ich arbeite da eher mit "echten" Programmiersprachen. Daher blicke ich durch die plugin_usergallery.tpl nicht so ganz durch. Soweit ich das sehe, werden die Dateinamen der Bilder in ein Array eingelesen und auf der Seite dargestellt. Bei einem Click sollte jetzt prettyPhoto genau mit dem Bild geöffnet werden.
Gruss,
Thomas
Re: Lightbox (prettyPhoto) und usergallery
Posted: Mon Jan 23, 2012 1:42 am
by yellowled
DL7BJ wrote:Wenn ich das so einbaue, wird zwar prettyPhoto aufgerufen, aber das Bild wird nicht gefunden.
Ist das irgendwo live, damit wir mal unter die Haube gucken können, oder läuft das nur lokal?
DL7BJ wrote:Wo und wie könnte ich hier ansetzen, dass auch der richtige Dateiname an prettyPhoto geht, dass nicht nur die Meldung "Image cannot be loaded. Make sure the path is correct and image exist" erscheint?
Riecht nach permissions oder Pfadfehler, evtl. via .htaccess oder so. Funktioniert es
ohne Lightbox, wird dann die große Version des Bildes geöffnet?
YL
Re: Lightbox (prettyPhoto) und usergallery
Posted: Mon Jan 23, 2012 8:34 am
by DL7BJ
yellowled wrote:Ist das irgendwo live, damit wir mal unter die Haube gucken können, oder läuft das nur lokal?
Code: Select all
<!-- show thumb -->
<a href="{$plugin_usergallery_httppath_extend}serendipity[image]={$image.id}" rel="prettyPhoto"><img class="gallery_thumb" {if $plugin_usergallery_fixed_width !=0}height={$plugin_usergallery_fixed_width}px width={$plugin_usergallery_fixed_width}px{/if} style="width: 100%;" src="{$image.link}" alt="" /></a>
Das ist der Code, wie ich ihn nach dem alten Forenbeitrag angepaßt habe, also das rel="prettyPhoto" eingefügt. Live ist das hier zu sehen:
http://ov-i19.org/index.php?serendipity ... _bei_DL7BJ
Irgendwie mag der Editor den langen Link nicht als URL:
http://ov-i19.org/index.php?/pages/gallery.html Oben sind die Bilder in den Artikel eingebunden, unten wird usergallery verwendet.
yellowled wrote:Riecht nach permissions oder Pfadfehler, evtl. via .htaccess oder so. Funktioniert es ohne Lightbox, wird dann die große Version des Bildes geöffnet?
Ja, ohne Lightbox geht es. Permissions kann ich mir nicht denken, dass ist ein root Server, auf dem ich basteln kann wie ich will, der Indianer hat auf die Ordner vollen Zugriff

.
Ich vermute auch Pfadfehler oder Dateiname. Mein Verständniss hört aber dabei zur Zeit auch auf, wie denn der Dateiname zu prettyPhoto kommt.
Im Endeffekt geht es um die Ablösung unserer alten Seite und damit auch der alten Fotogalerie:
http://www.i19.de/gallery.php Bin da auch zu anderen Schandtaten bereit, also wenn
jemand eine andere Idee hat. Ich wollte nur vermeiden, externe Tools einzubinden.
Danke und Gruss,
Thomas
Re: Lightbox (prettyPhoto) und usergallery
Posted: Mon Jan 23, 2012 3:18 pm
by yellowled
DL7BJ wrote:Das ist der Code, wie ich ihn nach dem alten Forenbeitrag angepaßt habe, also das rel="prettyPhoto" eingefügt.
Der Link, den das erzeugt, zeigt nicht auf die große Version des Bildes, sondern auf die Seite, die die große Version des Bildes enthält. Das könnte (ich kenne mich leider mit usergallery nicht besonders aus) der Knackpunkt sein – diese Lightbox-Skripte erwarten/erzeugen normalerweise einen Link direkt zur größeren Bilddatei und öffnen dann nur das Bild in der Lightbox. Einige können zwar theoretisch auch ganze Seiten in der Lightbox öffnen, aber das ist ja gar nicht, was Du willst.
DL7BJ wrote:Ja, ohne Lightbox geht es.
Klar, weil dann einfach die Seite geöffnet wird.

Mit einer anderen Lightbox (das wäre meine nächste Frage gewesen) wird es dann aber vermutlich auch nicht gehen.
Es wäre denkbar, dass man das irgendwie hinstricken kann, aber dazu fehlt mir offen gesagt das Wissen um usergallery, sorry – vielleicht hat jemand anderes eine Idee? Ansonsten schaut Garvin sich das bestimmt nach seinem Urlaub gerne nochmal an.
(Was ich Dir übrigens dringend raten würde: NL2BR auf NL2P umstellen oder stattdessen ein Markup-Plugin wie Textile oder Markdown verwenden.)
YL
Re: Lightbox (prettyPhoto) und usergallery
Posted: Tue Jan 24, 2012 1:01 am
by DL7BJ
yellowled wrote:
Der Link, den das erzeugt, zeigt nicht auf die große Version des Bildes, sondern auf die Seite, die die große Version des Bildes enthält. Das könnte (ich kenne mich leider mit usergallery nicht besonders aus) der Knackpunkt sein – diese Lightbox-Skripte erwarten/erzeugen normalerweise einen Link direkt zur größeren Bilddatei und öffnen dann nur das Bild in der Lightbox. Einige können zwar theoretisch auch ganze Seiten in der Lightbox öffnen, aber das ist ja gar nicht, was Du willst.
Danke, das war hilfreich! Damit bin ich nochmals in die Tiefen von plugin_usergallery.tpl abgestiegen und habe dies hier etwas angepaßt:
Code: Select all
<div class="serendipity_gallery_thumbs" style="width: {$plugin_usergallery_colwidth}%;">
{if $image.isimage}
{if $plugin_usergallery_image_display eq 'popup'}
<!-- popup -->
<a href="{$image.fullimage}" rel="prettyPhoto[]" title="Hier sollte eigentlich ein Kommentar stehen"><img class="gallery_thumb" src="{$image.link}"/></a>
{else}
<!-- show thumb -->
Das funktioniert jetzt soweit. Was mir jetzt noch fehlt, ist die Anzeige von Titel, Kommentar usw. wie ich es hier gemacht habe:
http://www.dl7bj.de/archives/57-Aufstel ... astes.html
Bei den Einzelbildern werden diese Infos aus der Media-Datenbank (Option im Plugin "In Seite einpassen") angezeigt. Das ist in plugin_usergallery_imagedisplay.tpl der untere DIV-Block. Das müsste ich jetzt noch irgendwie hinbekommen, damit das passt. Aber ich habe keine Variable in plugin_usergallery.tpl gefunden, die diese Informationen hat. Vielleicht hat dazu ja noch jemand einen Tipp. Ist zwar eine wilde Bastelei, aber vielleicht kann man das, wenn denn alles läuft, das noch in eine allgemeine Form bringen, so dass die Popup-Bilder mit Lightbox angezeigt werden können.
yellowled wrote:
(Was ich Dir übrigens dringend raten würde: NL2BR auf NL2P umstellen oder stattdessen ein Markup-Plugin wie Textile oder Markdown verwenden.)
Ich weiß zwar nicht warum ich das machen soll, aber ich habe es mal gemacht
Danke & Gruss
Thomas
Re: Lightbox (prettyPhoto) und usergallery
Posted: Tue Jan 24, 2012 2:07 am
by yellowled
DL7BJ wrote:yellowled wrote:(Was ich Dir übrigens dringend raten würde: NL2BR auf NL2P umstellen oder stattdessen ein Markup-Plugin wie Textile oder Markdown verwenden.)
Ich weiß zwar nicht warum ich das machen soll, aber ich habe es mal gemacht

Weil damit bestimmte Darstellungsfehler vermieden werden. In der ursprünglich verlinkten Version der Usergallery waren z.B. Grafiken, deren Bildunterschriften „irgendwie kaputt“ aussahen – das kann passieren, weil NL2BR mitunter Umbruchelemente dort einsetzt, wo sie keinen Sinn machen.
Und jetzt muss ich schnell aufhören, über dieses PLugin nachzudenken, sonst wird das hier ein 5-Seiten-Rant.
YL
Re: Lightbox (prettyPhoto) und usergallery
Posted: Wed Jan 25, 2012 1:29 am
by DL7BJ
Moin,
die Anzeige läuft ja, jetzt fehlen nur noch die extended infos der Bilder aus der Mediendatenbank.
Code: Select all
{assign var="mytitle" value="Das wird mal ein Titel"}
{foreach name="Titel" from=$plugin_usergallery_extended_info item="entry"}
{assign var="mytitle" value=$entry.name}
{/foreach}
Meine Gedanke: Hole die Texte aus den erweiterten Infos zu den Bildern, weise diese Variablen zu und übergebe die mit zum Aufruf von prettyPhoto.
Diese foreach Schleife wird nicht ausgeführt. Ich kann value auf auf feste Werte stellen, mytitle wird nicht verändert. Wenn ich aber die foreach Schleife wegnehme, wird beim Aufruf von prettyPhoto jedes Bild mit dem Text versehen (Das ich bei der Variablenzuweisung noch abfragen muss, welche
Info ich möchte mit $entry.value ist klar, ich wäre aber erstmal froh, wenn die Schleife ausgeführt würde).
Hat noch jemand einen Tipp, was ich verkehrt mache?
Danke & Gruss,
Thomas
Re: Lightbox (prettyPhoto) und usergallery
Posted: Sun Jan 29, 2012 1:02 am
by garvinhicking
Hi!
Klar, der überschreibt ja eine Variable immer wieder mit einer neuen. Zeig mal dein ganzes Template, nur mit dem kleinen Ausschnitt kann ich da nicht weiter helfen...
Ggf. willst du auch einfach mal ein:
Code: Select all
<pre>{$plugin_usergallery_extended_info|print_r}</pre>
machen, ganz ohne foreach, nur um mal zu sehen ob die Variable wirklich da und gefüllt ist.
Grüße,
Garvin