WordPress jQuery Lightbox Plugin (English)

jQuery Lightbox Plugin

(Clique aqui para descrição em português)


Download

Latest version: 0.19

About

As the name shows, this is just WordPress’s version of the jQuery Lightbox Plugin written by balupton, working perfectly with WordPress 2.2 or up, and fully compatible with K2! ;)

Instructions

Just download the plugin, unzip the files to the wp-content\plugins folder and activate the plugin in WordPress options.

Then, every time you want to use the Lightbox effect, just place a link to the image, and add the rel=”lightbox” attribute to it, in order to activate the effect when the link is clicked. You can also use rel=”lightbox-album” replacing album by a any keyword to group some pictures on an album!

Sample

Click the image bellow! :)

Nação do Cimbalino

HTML code sample:

<a href="image.png" title="Image Title" rel="lightbox"><img src="image_thumbnail.png" alt="Image Title" /></a>

Regards

Original version of jQuery Lightbox Plugin developed by Balupton.

Get Support

Please go here and create a support ticket: http://getsatisfaction.com/balupton/products/balupton_jquery_lightbox

463 thoughts on “WordPress jQuery Lightbox Plugin (English)

  1. Thank you for proving this beautiful plugin. I tried to translate the text “click” to close and “image xx of xx” in the file jquery.lightbox.js.

    Although the text is translated, it still shows up in English. I cleaned the cache, reloaded the plugin. It stays in English.

    Any suggestions?

    Thanks,
    Walt

  2. Pingback: Wordpress Eklentileri - VolkanDesign.Com - Bilişim ve Teknoloji üzerine

  3. Great plugin! But this is unclear to me…

    “You can also use rel=”lightbox-album” replacing album by a any keyword to group some pictures on an album!”

    How do I assign a keyword to an image or group of images?

  4. Use assign just by using (writing) the word! So, if you have a few pictures and want to group them together and call them “vacacions2008″, just use rel=”lightbox-vacations2008”

    It’s as simple as that! :)

  5. Pingback: son-riab.com | jQuery Lightbox Wordpress Pluginhttp://son-riab.com/?p=201&preview=true

  6. Pingback: İnternet Çöplüğü » Wordpress En iyi eklentiler ve açıklama 400 adet

  7. Sorry. I’m reposting this because I screwed up the code. :)

    I’m having trouble getting the album to work. I’ve put all the pictures in the same folder, and then put this in the place that I want the album to show up. But I still only get the first picture of the set.

    a href=”http://www.sebgonz.org/wp-content/uploads/disneyland/IMGP0048.JPG” rel=”lightbox-disneyland”

    The other pictures in the post work. Except when I try to do this album thing. Any help would be appreciated.

  8. Pingback: Açıklamalı 400 Wordpress Eklentisi

  9. Pingback: iTOMA博客乐园 » Blog Archive » 插件说明:jQuery Lightbox Balupton Edition

  10. Pingback: 20+ Great WordPress 2.7 Compatible Plugins

  11. Pingback: Más de 20 fantásticos plugins para WordPress compatibles con 2.7 | Mashable

  12. Pingback: 20+ Great WordPress 2.7 Compatible Plugins on LinkArchive

  13. Pingback: 20+ Great WordPress 2.7 Compatible Plugins | twitAD - Advertise On Twitter

  14. Pingback: 20+ Great WordPress 2.7 Compatible Plugins | Top Tech News, LIVE

  15. Pingback: designShrine » Techie News » 20+ Great WordPress 2.7 Compatible Plugins | Your Source for Interior Design & Decorating

  16. Pingback: COFFEE CUP||咖啡杯 » 20+兼容wordpress2.7的优秀插件

  17. Pingback: » +20 plugins compatibles con WP 2.7

  18. Pingback: WordPress 2.7 Compatible Plugins - Codeium Reviews

  19. Pedro, há a possibilidade de abrir todos os links para imagens automaticamente pelo lightbox? Sem ter que escrever rel=”lightbox” em todo atributo de imagem?

    Pedro, is it possible assign the atribute rel=”lightbox” to every image linked in posts automatically? So every image will be open with the lightbox effect…

    • Possível até o é, apesar de não ter sido colocada uma configuração directa para tal! O efeito que pretendes pode ser conseguido através de um simples script inserido directamente no código da página (ou alterando o código do plugin nativo!)

      No entanto teria que haver muito cuidado para não fazer o mesmo efeito com imagens pequenas!

      Vê aqui como podes usar o código nativo:
      http://www.balupton.com/sandbox/jquery_lightbox/

  20. Pingback: Wordpress 2.7 uyumlu 20 eklenti | blog.EnginEraydın.net

  21. Pingback: 兼容 WordPress 2.7 的20余款 WordPress 插件 - WordPress 非官方中文站

  22. Pingback: 密码遗失的个人网志 - SinID - 20+兼容wordpress2.7的优秀插件

  23. Pingback: 20 plugins compatibles con WordPress 2.7 - Dr. WP

  24. Pingback: Ivan Bogar | Blog » 20 Plugins Compatíveis com WordPress 2.7

  25. Pingback: 皓辰吧 - Hc8.net.ru - Design by hc8.net.ru !

  26. Pingback: 20+ Great WordPress 2.7 Compatible Plugins | Mega Post

  27. Pingback: KRUZ-GRAPHIX | Wordpress2.7のプラグイン互換性リスト

  28. Hi Pedro!
    Thank you for the plugin. Btw, I’m a little newb so I’ve a stupid request. Is there a way to use it automatically for all the images in every new post? Actually, I use to write rel=”lightbox” in the html source of any image but it’s so lame.

    Thank you and happy holidays! :)

  29. Pingback: Claud » Plug-inuri utile pentru Wordpress 2.7

  30. Hello Pedro,

    when I activate the plugin, the alignement of my theme changes from centered to left.

    Do you have any clue to have this fixed?

    (WP 2.7 with Revolution/Lifestyle-theme)

  31. Pingback: Customizing themes with ajax jQuery | JAUHARI

  32. Pingback: 20 Plugins compatíveis com o Wordpress 2.7 « Connection Life

  33. Hello,

    I just installed your plugin on WordPress 2.7 but I am having problems finding a way to configuring it. For example how do I hide the text in the top right corner. I don’t see any options in WordPress interface. Let me know – thanks!

    • You can’t find a way to configure it because… there isn’t one! :)

      The top text can only be removed if you edit the lightbox.js file that goes with the plugin!

      Regards, Pedro Lamas

          • Hi Pedro. I have the same problem with Igor. I was wondering if you have already tried editing the options at jquery.lightbox.js. So far, I’ve:

            a. manually changed the about: text: title: and link: values to ” so it has nothing to display
            b. changed these options to false (lines 520-522) on my editor:
            download_link: false,
            show_linkback: false,

            before re-uploading them to the plugins directory. I didn’t get any arrors, but nothing happened.

            I have also deactivated and reactivated the plugin, cleared my browser cache, but the text is still showing. Hope you can help. Thanks!

            • Hi Sorsha,
              In addition to jquery.lightbox.js, I think you also need to modified jquery.lightbox.min.js which is a compact version of jquery.lightbox.js. In my case, I turn off download_link and show_linkback in both scripts and the links are gone. I’m not sure this is the correct solution, but it works.

  34. Pingback: Customizing themes with ajax jQuery | Tech Interview Question Papers

  35. Hi, I recently updated the plugin to the latest version (0.5), working in WordPress 2.7 and I seem to have found a bug for Firefox 3 (I’m looking on a mac). The divs “lightbox” and “lightbox-overlay” default to “display:block” instead of going to “display:none” when the page is loaded, so everything disappears behind the black transparent layer of the overlay. Everything is fine in Firefox 2, the latest Safari and Opera. Any ideas on what could be causing this?

  36. Hi,
    I just tried installing this and I can’t seem to get it to work. I checked the HTML source for the rendered screen and the plugin doesn’t seem to be adding in the jquery library anywhere in the code. Any idea what I might be doing wrong?

  37. Is there a way to simplify the display? I want to show the image and the caption together, without showing the image first, then the caption on mouseover then the close link on hover above the caption.

    Also, there seems to be some unnecessary movement of the image repositioning itself after loading and resizing. Is this a compensation for the caption bar? How do I turn that off?

    Thank you.

  38. I don’t understand how does the album option works ¿?…. Do i have to add ” rel=”lightbox-album” ” to the link tag of the first image? I mean… I have a list of code for several images, where must the “rel=”lightbox-album” ” be inserted?

    thanks anyway

  39. Pingback: The Power of WordPress and jQuery: 30+ Useful Plugins & Tutorials

Deixar uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *

*

Pode usar estas etiquetas HTML e atributos: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>