Frank ist schuld.. Sein Kommentar brachte mich dazu ein kleines Wordpress Plugin für dieses unheimliche schicke Javascript zu schreiben. :)
Was kann das Plugin?
Das Plugin verwandelt verlinkte Bilder in euren Beiträgen zu einem Overlay Popup mit Lade-Animation. Das Plugin war recht schnell geschrieben, also gibt es hier auch nicht viel zu erzählen. Wer den vorherigen Beitrag zu dem Script schon gelesen hat, weiss was jetzt ungefähr kommt. Probiert es am besten einfach gleich hier aus.
Installation? Super einfach:
1. Hochladen: Entpackt die Zip-datei in euren Wordpress Plugin Ordner
2. Bearbeiten: Entfällt seit Version 0.3!
3. Fertig: Aktiviert das Plugin und probiert es bei euch aus.
Download
Klick hier um die Version 0.1 von wp-lightbox runterzuladen (zip)
Klick hier um die Version 0.2 von wp-lightbox runterzuladen (zip)
Klick hier um die Version 0.3 von wp-lightbox runterzuladen (zip)
Klick hier um die Version 0.4 von wp-lightbox runterzuladen (zip)
UPDATE: Version 0.2 prüft nun ob es ein link oder ein bild ist.
UPDATE: Version 0.3 ohne Links anpassen (schritt 2). Hochladen, aktivieren, fertig. (Danke, tboley!)
UPDATE: Version 0.4 funktioniert jetzt auch mit Text-Links (Thx to Wouter!)
ENGLISH READERS: Please visit this page for details and informations
49 Kommentare zu “Lightbox JS Wordpress Plugin”
Trackbacks/Pingbacks
- ::kinjin dot net:: » Lightbox Test
- Steffen Rusitschka's Blog
- Steffen Rusitschka’s Blog » Blog Archive » Lightbox Wordpress Plugin
- 2D-SIGN | [web]design und fotografie - weblog » nice pictureplugin…
- DonsTag » Blog Archive » Ungelesene Kommentare
- Skyspage Blog » Blog Archiv » Lightbox JS
- unitstep.net



January 20th, 2006 at 01:00
Genau dieses Plugin wollte ich gestern auch schreiben, dann kam mir was dazwischen und heute habe ich es doch, ohne etwas dafür zu tun. Oh wie ist das schön.
January 20th, 2006 at 16:10
Verlinkt man ein Bild zu einer Webseite, wird versucht, diese auch per lightbox anzuzeigen - was natürlich schief geht.
Wäre klasse, wenn du da noch was friemeln könntest (z.B. ne id oder dergleichen, die das Plugin davon abhält, das rel= zu setzen oder ein Check auf die “Dateinamenerweiterung” - sprich: nur png, gif, jpg automatisch per lightbox - alles andere als “normalen” link - da müsste man dann halt, wenn man auf ein Bild bei flickr verweisst das rel= selber setzen.
January 20th, 2006 at 17:20
gruss frank
January 20th, 2006 at 17:27
January 20th, 2006 at 18:47
zumindest in meinem angepassten blix-theme…
ich probiersaber nochma in christas blog
January 20th, 2006 at 19:38
January 20th, 2006 at 23:08
ideal wär halt eine kombination mit nem bilduploadplugin
January 21st, 2006 at 09:49
Naja, für meine 20 minuten Arbeit weine ich da jetzt nich hinterher. Dann gibts halt zwei Lightpress JS Plugins.. juhu! :)
January 21st, 2006 at 11:16
January 21st, 2006 at 11:19
January 21st, 2006 at 11:42
// changed replace function by georg leciejewskireturn preg_replace("/(<a>]*)\")>/Ui", '
here´s the fix to only use linked images not linked url´s
January 21st, 2006 at 12:13
January 21st, 2006 at 12:35
January 21st, 2006 at 12:44
January 21st, 2006 at 12:49
Hmm… also die einzigste erklärung die ich habe ist, dass auf der von dir angesprochenen startseite das excerpt steht und nicht content. Ich filter nämlich lediglich links die in “the_content()” ausgegeben werden.
Hmm.. hast du mal nen link zu nem Blog wo es nicht geht und einen link zum verwendeten Theme mit der fehlenden single.php?
Gruss, Kjell
January 21st, 2006 at 12:51
January 21st, 2006 at 12:56
ich bin dann aber eh erstma weg, auf dem weg nach austria
gruss frank
January 21st, 2006 at 13:18
Fehler macht bei dir: livepreview.js
Möglichkeit den fehler zu beheben: öffne die index.php und füge ein leeres DIV oder P ein und gib diesem die id=”commentArea”. Dann findet das Javascript auch ein Objekt und der Fehler taucht nicht mehr auf. Dann könnte auch das lightbox.js wieder funktionieren. Ich habe schon oft erlebt das ein Javascriptfehler alle anderen Scripte lahmgelegt hat.
Gruss, Kjell
January 21st, 2006 at 19:19
dass ich keinen container für die livecommentgeschichte drin hab… staun
klärt aber nicht das problem der nichtanzeige auf der startseite des blogs bei 2d-sign… werd wohl erst morgen mehr tun können
danke jedenfalls erstma!;)
January 23rd, 2006 at 13:21
WIe bereits im WordPress Forum erwähnt, werde ich das Lighbox JS auch für mein Galerie Plugin verwenden. Im Rahmen der Anpassung ist mir eine Kleinigkeit aufgefallen, die du auch bei deinem Plugin ändern könntest (damit würde dann der 2. Schritt wegfallen).
Enferne die Variablen von lightbox.js in der Zeile 38 und 39. Dann müsstest du Zeile 20 in deinem Plugin wie folgt ändern:
$lightboxHead.= "<script type=\"text/javascript\">\n var loadingImage = '".$lightbox_pluginpath."loading.gif';\n var closeButton = '".$lightbox_pluginpath."close.gif';\n</script>"."<script type=\"text/javascript\" src=\"".$lightbox_pluginpath."/lightbox.js\"></script>\n";
January 23rd, 2006 at 13:33
January 23rd, 2006 at 14:11
was mich noch stört, fand ich aber am WE nicht auf die schnelle, im IE wird das overlay ziemlich exakt genau in der mitte aufgerufen, im firefox ca 10 px seitlich verschoben… ich hab im JS gesucht, dort aber nix gefunden… nur extra css für den IE…
aber vielleicht sollte der php-laie frank mal in den restlichen phpdateien nach inline-css suchen ;))
January 23rd, 2006 at 14:21
css kann man sich ja anpassen, und der einsatz für beitragsbilder only scheint ja auch schon hervorragend zu funktionieren.
ich benutzte bisher für nicht-html-freaks in ihren blogs owen winklers exhibit, aber da kam schon lang nix mehr neues…
und da käm mir ein laienfreundliches bilderplugin wie deines ganz recht…
wenn es denn in allen umgebungen funzt, auch safe mode und was so übervorsichtige provider haben ;)
January 23rd, 2006 at 17:52
aber mit deinem plugin klappt es auch nicht richtig. habe bestimmt was vergessen, entweder kommt das loading bar, aber es dauert ewig und es kommt nichts, oder es geht direkt zu flikr.
grüsse,
philippe
January 26th, 2006 at 01:18
January 26th, 2006 at 07:05
January 26th, 2006 at 12:59
Great plugin! What I miss though (something which is possible in the ;lightbox js original script) is the ability to make a textlink to an image instead of an imagelink to an image.
March 17th, 2006 at 02:52
March 25th, 2006 at 00:20
March 30th, 2006 at 20:37
es wird also Zeit für ein Update. Es sind nur Kleinigkeiten zu tun, habes bei mir bereits umgesetzt - für dich 10min Arbeit.
Viel Spass.
March 31st, 2006 at 12:28
August 21st, 2006 at 19:20
September 25th, 2006 at 17:46
Habe mir ebenfalls das lightbox script für meinen Blog besorgt. Benutze ebenfalls das Blix-Theme, bekomme jedoch keine Fehlerfreie Darstellung der Bilder hin. Es wird immer ein grauer Balken um das vergrößerte Bild dargestellt. Habe amir auch schon die CSS-Datei angescahut, jedoch keinen Fehler gefunden.
Vielleicht wirfst du mal einen Blick auf mein Problem.
Danke im Vorraus! Alex
September 26th, 2006 at 12:49
October 11th, 2007 at 23:57
Sehr hilfreiches und optisch ansprechendes Tool.
February 22nd, 2008 at 00:54
Das Plugin ist wirklich sehr gut. Habe es installiert und benutze es gerne.
Nun würde ich es auch gerne auf meiner restlichen Seite nutzen, also außerhalb von Wordpress. Gibt es da eine Möglichkeit?
Viele liebe Grüße
February 22nd, 2008 at 12:40
Ausserhalb der normalen Beiträge kannst du es natürlich auch verwenden. Dazu musst du deinen Links, welche auf Bilder zeigen, nur manuell ein weiteres Attribut geben.
Vorher:
Nachher:
Das “rel”-Attribut mit dem Wert “lightbox” sollte das erledigen.
Gruss,
Kjell
February 23rd, 2008 at 20:44
Allerdins klappt das nicht so einfach. Muss ich da nicht noch was in den Header einer Seite schreiben?
wie: ?
Die z.b. Startseite meiner Website ist ja völlig unabhängig von Wordpress und damit auch vom Plugin. Jetzt hab ich das schon mit dem “link rel” versucht, weiß aber nicht genau auf welche Datei ich da linken soll
February 23rd, 2008 at 20:45
February 24th, 2008 at 22:38
March 27th, 2008 at 00:03
Have you had any reports from beta testers?
March 30th, 2008 at 03:03
wie mache ich, dass der div von der lightvox nich direkt vor angezeigt wird sondern z.b. for “footer” also (div id=”footer”)…
danke
mfg
mike