Flickr Photoalbum & Lightbox & Erweiterung von Lars Schenk

majobu

Hallo zusammen,
ich bin noch einer von denen die Probleme mit der Einbindung von Lightbox mit
dem Flickr Photo Album von Flickr Photo Album for WordPress : tan tan noodles - msg free since 2005 haben
bzw. mit einer Erweiterung der der beiden Komponenten wie es hier
Lars-Schenk.com » WordPress Plugin fÃ¼r Flickr und Lightbox beschrieben ist.

Ich habe schon fleissig gegoogelt und in Foren und anderen Blogs gelesen und
trotzdem komme ich nicht weiter. Das liegt scheinbar daran das ich kein
Programmierer bin und kein PHP kann. Den Quellcode kann ich jedoch ganz gut
lesen und verstehen.

Zu meinem Problem:

Das Flickr Photo Album Plugin for Wordpress habe ich von
Flickr Photo Album for WordPress : tan tan noodles - msg free since 2005 geladen, installiert und in WP
aktiviert/konfiguriert. Nach der Installation standen mir dann auch gleich die
Photos die ich bei Flickr hinterlegt hatte zur Verfügung.

Da ich gerne Lightbox verwenden wollte, habe ich die Variable $useLightbox im
zuvor um kopierten File wp-content/theme/THEMENAME/photoalbum-header.html
auf true gesetzt und gehofft, das mir nun Bilder die ich in ein Posting einfüge,
dann bei einem Klick darauf auch in Lightbox angezeigt werden. Leider funktioniert
das nicht. Habe ich die Funktion von $useLightbox nicht korrekt verstanden?

Der Code der beim Posting für das Bild aus "Photos" in WP eingebaut wurde, sieht
so aus:

Code

<a href="http://www.flickr.com/photos/7729513@N04/477354359/"
 class="tt-flickr"><img src="http://farm1.static.flickr.com/184/477354359_cd66dd96f8_m.jpg"
 alt="DSC_0125" border="0" height="161" width="240" /></a>

Wenn ich aus "Albums" einfüge so:

Code

<a class="tt-flickr"><img src="http://farm1.static.flickr.com/221/452133401_fb99cbcd9d_m.jpg"
 border="0" height="161" width="240" /></a>

Es würde mich nicht wundern wenn ich die Funktionsweise des Plugins einfach nicht
richtig verstanden habe. Denn wenn ich den Code, der beim Einfügen in ein Posting
generiert wurde manuell abändern muß damit Lightbox verwendet wird, dann kann
ich mir das Plugin doch gleich sparen, oder?

Auf meiner Suche nach der Lösung bin ich auf die Seite Lars-Schenk.com » WordPress Plugin fÃ¼r Flickr und Lightbox
gekommen. Lars Schenk beschreibt dort wie Lightbox Sitewide zur verfügung gestellt
wird. Außerdem soll nach den Änderungen eine Komfortfunktion zur verfügung
stehen, die eine manuelle Nachbearbeitung des Codes der beim Einfügen erstellt
wird, automatisch so anpasst das Lightbox funktioniert.

Ich habe alle die Änderungen vorgenommen. Trotzdem sehen die Codezeilen nicht
korrekt aus:

Code

<a href="http://www.flickr.com/photos/7729513@N04/477346774/" class="tt-flickr">
<img src="http://farm1.static.flickr.com/176/477346774_5b526355c9_t.jpg" 
alt="DSC_0144" border="0" height="100" width="67" /></a>

Kann mich bitte jemand auf den richtigen Weg bringen und vielleicht mein
Missverständnis mit dem Plugin erklären und mir dann auch noch sagen wie
ich die Erweiterung von Lars Schenk ans Laufen bekomme?

Viele Grüße,
Majobu

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

majobu

Hallo zusammen,
kann mir niemand mein helfen? Wahrscheinlich handelt es sich bei meinem Problem doch nur um ein Missverständnis wie diese Plugin zu funktionieren hat, oder?
Viele Grüße
Majobu

majobu

schade das mir hier niemand helfen kann... habt ihr wenigstens einen tipp für mich an wen ich mich wenden kann?

Stay

es muß ein rel="lightbox" mit in den code.
so z.B:

HTML

<a href="http://farm2.static.flickr.com/1235/633390525_a382eb800c.jpg" class="tt-flickr" rel="lightbox" title="Stay vor dem PC"><img src="http://farm2.static.flickr.com/1235/633390525_a382eb800c_t.jpg" alt="Stay vor dem PC" align="left" border="0" height="100" hspace="3" vspace="2" width="75" /></a>

Stay

Achja, und das lightbox Plugin muß im Rootverzeichnis liegen.

Stay

Ich glaube jetzt habe ich Dich verstanden......
Damit der Code automatisch richtig gemacht wird mußt Du folgendes in der admin-photos-tab.html ändern:
nach diesem code:

PHP

function silas_addPhoto(photoUrl, sourceUrl, width, height, title) {

dieses löschen:

PHP

var h = 
        '<a href="'+photoUrl+'" class="tt-flickr">' +
        '<img src="'+sourceUrl+'" alt="'+title+'" width="'+width+'" height="'+height+'" border="0" />' +
        '</a> '

dann dieses einfügen:

PHP

<!-- CHANGED HERE -->


    if(photoUrl.indexOf(".jpg") > 0) {
        var h =
            '<a href="'+photoUrl+'" class="tt-flickr" rel="lightbox" title="'+title+'">' +
            '<img src="'+sourceUrl+'" alt="'+title+'" width="'+width+'" height="'+height+'" align="left" hspace="3" vspace="2" border="0" />' +
            '</a> '            
    }
    else {
    
        var h = 
            '<a href="'+photoUrl+'" class="tt-flickr">' +
            '<img src="'+sourceUrl+'" alt="'+title+'" width="'+width+'" height="'+height+'" align="left" hspace="3" vspace="2"border="0" />' +
            '</a> '
    }
    
    <!-- END CHANGE -->

Alles anzeigen

damit man im Adminbereich eine kleine Auswahl hat was mit den Fotos beim klicken passieren soll habe ich hinter diesem:

PHP

<a href="<?php echo $size['source']?>" onclick="return silas_addPhoto('<?php echo $photoURL?>', this, '<?php echo $size['width']?>', '<?php echo $size['height']?>', '<?php echo addslashes(htmlentities($photo['title']));?>')"><?php echo $k?><span class="props"> (<?php echo $size['width']?>x<?php echo $size['height']?>)</span></a><br />
    <?php endforeach;?>

dieses eingefügt:

PHP

<!-- von mir hinzugefügt -->


        <?php $large = $photo['sizes']['Large']; ?>
        <?php $thumb = $photo['sizes']['Thumbnail']; ?>
        <a href="<?php echo $thumb['source']?>" onclick="return silas_addPhoto('<?php echo $large['source']?>',this, '<?php echo $thumb['width']?>', '<?php echo $thumb['height']?>', '<?php echo addslashes(htmlentities($photo['title']));?>')">Thumb auf Gross</a><br />


        <?php $large = $photo['sizes']['Large']; ?>
        <?php $small = $photo['sizes']['Small']; ?>
        <a href="<?php echo $small['source']?>" onclick="return silas_addPhoto('<?php echo $large['source']?>',this, '<?php echo $small['width']?>', '<?php echo $small['height']?>', '<?php echo addslashes(htmlentities($photo['title']));?>')">Small auf Gross</a><br />


        <?php $medium = $photo['sizes']['Medium']; ?>
        <?php $thumb = $photo['sizes']['Thumbnail']; ?>
        <a href="<?php echo $thumb['source']?>" onclick="return silas_addPhoto('<?php echo $medium['source']?>',this, '<?php echo $thumb['width']?>', '<?php echo $thumb['height']?>', '<?php echo addslashes(htmlentities($photo['title']));?>')">Thumb auf Medium</a><br />


        <?php $medium = $photo['sizes']['Medium']; ?>
        <?php $small = $photo['sizes']['Small']; ?>
        <a href="<?php echo $small['source']?>" onclick="return silas_addPhoto('<?php echo $medium['source']?>',this, '<?php echo $small['width']?>', '<?php echo $small['height']?>', '<?php echo addslashes(htmlentities($photo['title']));?>')">Small auf Medium</a><br />


<!-- Ende meiner Zufügung -->

Alles anzeigen

Wenn Du jetzt alles richtig gemacht hast, dann sollte in normalen Texten ein flickr Bild mit Kommentaren erscheinen und in Beiträgen öffnen sie sich mit lightbox.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Flickr Photoalbum & Lightbox & Erweiterung von Lars Schenk

Jetzt mitmachen!