Lightbox 2.0 Problem

Link? Theme? Bla? Forenregeln, bitte lesen.

Ich habe das gleiche Problem. Seit dem Update auf WP 3.0 werden die Bilder von Nextgen nicht mehr in der Lightbox angezeigt. Der rel-Parameter ist noch vorhanden.
Beispiel: http://www.koeln-weiden.de/fotos/?album=1&gallery=3
Theme: Revolution Code Red
NextGen: v. 1.5.3

Vor dem Update hat alles tadellos funktioniert.

Gruß
Stephan

Hattest Du die Plugins vor dem Update alle deaktiviert? Ich meine mich zu erinnern, dass dies irgendwo in den Instruktionen zum Update auf 3.0 steht - allerdings habe ich auch schon erlebt, dass es ohmne funktioniert. Vielleicht geht es aber, wenn Du mal jetzt alle Plugins deaktivierst und einzeln wieder aktivierst.

LG Domi

Lightbox

Hallo,

die Lightbox würde ich immer direkt per Hand einbinden und auf das Plugin verzichten, da es, je nach Theme, immer wieder Probleme geben kann.

Das Original findet man unter:
Link: http://colorpowered.com/colorbox/

Installation:
Um die Lightbox zu installieren muss das Archiv “colorbox” entpackt und die zwei JavaScript-Dateien aus dem Ordner “colorbox” in die Haupt-Root des Blogs kopiert werden.

Je nach verwendetem Beispiel muss noch der entsprechende Ordner “images”, aus dem gewählten Example-Verzeichnis, in die Hauptroot des Blogs auf den Server kopiert werden.

Zusätzlich muss die Datei colorbox.css aus dem gewählten Example-Verzeichnis in der Hauptroot des Blogs zur Verfügung stehen.

Danach den Header-Code im Header des Themes einbinden.

<link type="text/css" media="screen" rel="stylesheet" href="colorbox.css" />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
        <script type="text/javascript" src="jquery.colorbox.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                //Examples of how to assign the ColorBox event to elements
                $("a[rel='example1']").colorbox();
                $("a[rel='example2']").colorbox({transition:"fade"});
                $("a[rel='example3']").colorbox({transition:"none", width:"75%", height:"75%"});
                $("a[rel='example4']").colorbox({slideshow:true});
                $(".example5").colorbox();
                $(".example6").colorbox({iframe:true, innerWidth:425, innerHeight:344});
                $(".example7").colorbox({width:"80%", height:"80%", iframe:true});
                $(".example8").colorbox({width:"50%", inline:true, href:"#inline_example1"});
                $(".example9").colorbox({
                    onOpen:function(){ alert('onOpen: colorbox is about to open'); },
                    onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
                    onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
                    onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
                    onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
                });
                
                //Example of preserving a JavaScript event for inline calls.
                $("#click").click(function(){ 
                    $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open 


this window again and this message will still be here.");
                    return false;
                });
            });
        </script>

Die Aktivierung der Lightbox erfolgt dann durch eine Verlinkung des Bildes mit dem Bild und das hinzufügen des “rel=” Tags im Link-Tag.

Beispiel:

<a class="cboxElement" linkindex="28" rel="example3" href="http://wordpress.thomas-bandl.de/home/wp-content/uploads/2009/12/Dock-


300x225.jpg">
<img class="alignnone size-medium wp-image-62" title="Dock" src="http://wordpress.thomas-bandl.de/home/%20wp-


content/uploads/2009/12/Dock-300x225.jpg" alt="Dock" height="225" width="300">
</a>

Ich hoffe das hilft euch :)

Grüße,

lance

Hat leider auch nichts gebracht. Auf einem anderen Blog funktioniert die Lightbox mit Nextgen auch nicht (Wp 3, Theme: dkret3). Die Plugins "Lightbox 2" und "Lightbox Plus" funktioniern hingegen. Wahrscheinlich liegt es an Nextgen.

Gruß
Stephan

An Nextgen liegts wohl nicht. Ich habe auf die Version 1.5.5 aktualisiert. Thickbox und Shutter (in Nextgen integriert) funktionieren einwandfrei. Lightbox (Lightbox 2, WP-Highslide) funktioniert nicht.
Vielleicht versuche ich es noch nach der Methode von lancelott2.

Gruß
Stephan

Lightbox

Jo, liegt bestimmt dadrann das WP3 noch neu ist und die Plugin-Programmierer auch erst hinterher kommen müssen. Aber das direkte einbinden funktioniert immer und du bist nicht mehr vom Plugin abhängig.

Grüße,

Lance

Hallo Lance,

mit deiner Anleitung funktioniert es nun (fast). Einziges Manko: es wird kein Text unterhalb des Bildes angezeigt. Damit kann ich aber leben.

Eine kleine Korrektur musste ich bei mir vornehmen: Die src- bzw. href- Angabe im script- / link-Tag musste ich absolut angeben, also mit dem kompletten Domainpfad (http://www.xyz.de/colorbox.css).

Danke nochmal und Grüße
Stephan