WordPress jQuery Lightbox Plugin

jQuery Lightbox Plugin

(Click here for english description)


Download

Última versão: 0.19

Acerca

Tal como o nome indica, é apenas a versão para o WordPress do jQuery Lightbox Plugin escrito por balupton, funcionando na perfeição com o WordPress 2.2 ou versão superior, e totalmente compatível com o K2! ;)

Instrucções

Basta fazer o download do plugin, descompactar os ficheiros para a pasta wp-content\plugins e activar o plugin nas opções do WordPress.

Depois, sempre que queira utilizar o efeito Lightbox, basta colocar um link para a imagem, e colocar o atributo rel=”lightbox” na mesma para que o efeito seja activado ao clicar no link. Pode também utilizar rel=”lightbox-album” substituindo album por uma qualquer palavra para agrupar algumas imagens num álbum.

Exemplo

Clique na imagem em baixo! :)

Nação do Cimbalino

Exemplo de código HTML:

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

Agradecimentos

Versão original do jQuery Lightbox Plugin desenvolvida por Balupton.

165 thoughts on “WordPress jQuery Lightbox Plugin”

  1. I’m using this with the Nextgen Gallery plugin and it works great. However, I can’t figure out how to remove the “download” link while still keeping the title/description. How can I do this?

    Reply ↓

  2. Hi.

    I am using Yur plugin and I have got one question.

    Is it possible to remove Untitled link below the picture ?
    Or is it possible to change Untilted to uploaded filename ?

    Thanks in advance for info.

    Reply ↓

  3. i am using wordpress 2.8.4 and want to use lightbox for a gallery. i uploaded 11 photos to my page but don’t see how i can add rel=”lightbox-album” album to the page

    The page is here:
    http://com-int.net/gallery/

    I put the following into the wordpress page (in HTML mode) :

    These are a few samples of past projects. Click on the individual photos to see a larger picture

    rel=”lightbox-album” [gallery]

    What am I doing wrong?

    Reply ↓

    • For what I can see from the code, the “href” of the links is empty, so that’s the problem… my advice is try disabling some plugins and test it again; it may be some sort of incompatibility! :(

      Reply ↓

  4. Hey Pedro,

    Any chance of disable the plugin for the homepage? Seems to be a conflict between Jquery and other plugin that I use only for the homepage… any ideas?

    Thanks in advance

    Reply ↓

    • I don’t have a way of disabling it, but there may be some sort of pluging manager plugin on the wordpress repository that allows to acomplish what you need… but this is only speculation! :(

      Reply ↓

      • I guess the best solution would be to run your galery in jQuery noConflict mode…. something like that, it’s pretty simple:
        instead of
        $(document).ready(function()
        you would need to work like this
        var $rm = jQuery.noConflict();
        $rm(document).ready(function()
        the rm in this example is the variable i used in my theme for the jquery slider, so i can use the lightbox as well… in my case rm only stands for “royalmedia” (the name of my theme) so you can change this to what ever you like.
        I Hope i could help you!
        BEST!

        Reply ↓

  5. Oi Pedro!

    Em primeiro lugar deixe-me cumprimentar-te pelo excelente plugin. No entanto há um problema com ele que gostaria que você me ajudasse, se pudesse.

    Num artigo recente nosso em http://pararir.com/ferias-politicas-portuguesas/ constato que no Firefox quando clicamos na imagem é feito o seu resize para o tamanho correcto… Quando o faço noutro meu computador que tem o IE7 é feito resize mas apenas no tamanho original do post… Não muito útil…

    Haverá maneira de corrigir esta situação?
    Cumprimentos

    Reply ↓

  6. Pingback: Top 1000 WordPress Plugin Authors « Metode de promovare

  9. Pingback: cobalt -福井県で働くWebデザイナーのブログ- » wordpressのjQuery lightboxプラグインがいい感じ♪

  12. Pingback: wordpress插件不能使用的解决方案

  14. voce tem mesmo de me ajudar queria fazer isso num wordpress neste aqui

    http://joanaimagination.wordpress.com/

    mas para testar costumo usar o meu blogue http://hackerssemlimites.blogspot.com/

    e nem no blogue que é mais facil consegui tem de me ajudar

    será que poderia deixar ai um cósigo com duas imagens para eu ver como se repete e o código nao á maneira de ser um script ou html individual ??? sem ter que por mais nada?

    o tipo um código onde eu apenas copie e duplique para mais que uma imagem e seja só mudar o link da imagem para abrir outra seria possivel por isso ai???

    tank for your help

    Reply ↓

  15. Pingback: 利用プラグイン | the Life of himaoji3

  17. Pingback: 最新版Lazyest Gallery… | coquillle

  18. Hi, I am starting my own blog, and I love this plugin. Exactely what I needed. But now I was trying to link an imagem to a page (basic HTML) and it doesn’t work. Can I configure the plugin to work with HTML pages?

    Reply ↓

  21. Pingback: 画像をlightbox風に表示させるプラグイン — 病的溺愛シンドローム

  22. Hi Pedro,

    Thanks for your plug-in, it works great
    !
    As a photographer, I don’t really want people to download my image easily, so I was wondering a way to take away the download link ?!

    Could you tell me which file of the plug in I’m suppose to edit, and which line I should take away ?

    Thanks in advance !

    Reply ↓

  23. Hi Pedro,

    Thanks for the plugin. I receive this error when I try my site on IE:

    Webpage error details

    User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727; InfoPath.2; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET CLR 1.1.4322; MS-RTC LM 8)
    Timestamp: Wed, 2 Jun 2010 12:10:52 UTC

    Message: ‘$.Lightbox’ is null or not an object
    Line: 11
    Char: 7793
    Code: 0
    URI: http://www.tirendaz.com/tr/wp-content/plugins/jquery-lightbox-balupton-edition/js/jquery.lightbox.min.js

    Any idea why?

    Reply ↓

  24. Pingback: Wordpress jQuery Lightbox Plugin 0.10 em Nação do Cimbalino

  25. Pingback: 本站使用的WordPress插件 | 小影's Blog

  26. Pingback: Wordpress jQuery Lightbox Plugin 0.11 em Nação do Cimbalino

  27. Hi, I’m having a problem with the latest version of JQuery Lightbox and Dynamic Content Gallery..

    Dynamic Content Gallery only displays the first image in the gallery, whereas the other does not display anything..

    If I disable JQuery Lightbox, DCG backs to work.. How can I fix
    problem?

    Thanks a lot..

    Reply ↓

  28. Pingback: Wordpress jQuery Lightbox Plugin 0.12 em Nação do Cimbalino

  29. Pingback: jQuery Lightbox (Plug-In of the Day #0042) | WordPressOfTheday.com

  30. For those who do not speak/read Portuguese here is an English translation

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

    Then, whenever you want to use the Lightbox effect, simply place a link to the image, and put the rel = “lightbox” in the same order that the effect is activated by clicking the link. You can also use rel = “lightbox-album” album by substituting one word for any group some pictures in an album.

    Reply ↓

    • Thanks for the translation, Paul, but if you check, you’ll see that I’ve added the English translation already; just follow the link on top of this page where it read’s “(Click here for english description)”

      Reply ↓

  31. Hi Pedro,

    I am using your jQuery Lightbox plugin and Coda-Slider 2.0 on a website. They both work fine together in Firefox, Chrome, Safari and IE 8. I am having problems with IE7. When the jQuery Lightbox plugin is active the coda-slider goes wacky just in IE7, but works fine when the jQuery Lightbox plugin is deactivated.

    From reading different forums/comments (like Fabian’s on your site), I am wondering if I need to add jQuery.noConflict(); (override the $-function) to the code, but I do not know how. How and where would I add it and how would I customize it for my site? Or is there another problem with IE7?

    Your help would be greatly appreciated!! I would like to use your cool plugin on my site.

    Thanks!
    Laurie

    Reply ↓

  32. Pingback: 8 Wonderful WP Plugins | Blog's Xuan Luat

  33. Pingback: the Life of himaoji3 → imageMenu version 2.3

  34. Pingback: Futured Content Gallery eklentisi ve Futured Content Gallery eklentisinin kurulumu

  35. Pingback: The Power of jQuery: 8 Wonderful WP Plugins | CrunchMeme - The Power Blogger

  36. I love your plugin. Thank you!!

    I was wondering, is it possible to remove the “image 1 of 2″ and the “x close” that appears when I roll over the bottom of the images?

    Please let me know. I would only like the title of the images to show up.

    Sarah

    Reply ↓

  37. hi pedro

    quick question – i have just updated to version 0.15 and there’s a new glitch in my image galleries. when you click on images, there is a gap in the white border of the images. it was working fine with the previous version of the plugin.

    here’s a link with an image gallery, at the center of the page: http://klaresque.org/?p=63

    i am running WP 3.0.1 on Firefox 3.6.12

    please let me know if there’s anythign you might suggest to fix the bug.

    thanks very much!
    ernesto

    Reply ↓

  38. Pingback: Wordpress jQuery Lightbox Plugin 0.16 em Nação do Cimbalino

  39. Hi Pedro.

    This Lightbox plugin is the best I’ve tried, with one exception – for some reason it does not recognize different galleries. So if you have 12 images with rel=”lightbox[1231]” and 12 with rel=”lightbox[5765]” in another set on the same page, it will display them all together as a 24-image gallery.

    Am I doing something wrong or does jQuery Lightbox not support this?

    Reply ↓

  40. Pingback: 8 Lovely jQuery Based Plugins

  41. Hi,
    you’re last version of the plugin doesn’t work in php5, you have a warning, i have to deactivate the plugin, can you please check out the problem?

    thanks

    Reply ↓

      • damn, you were right!
        i didn’t remember i had change my htaccess and remove the lines to interpret my code as php5.

        i modify my htaccess and it works great.
        sorry, and thank you very much

        Reply ↓

  43. Pingback: The Power of jQuery: 8 Wonderful WP Plugins

  44. Your jQuery Lightbox plugin is not compatible with WP 2.3

    I have had to disable your plugiin because it does not work properly any more. Instead of a lightbox appearing, the image appears at the bottom of the page after a huge area of blank space.

    Please advise.

    Reply ↓

  45. Pingback: WordPress jQuery Lightbox Plugin 0.17 em Nação do Cimbalino

  46. I’m having the same problem as commentor Michael Erb – my images appear on the bottom of the page after a field of blank space.
    I’m using WordPress 3.2.1 and NextGEN Gallery 1.8.2
    The plugin worked when I was at WP 3.1 and NextGEN 1.7, but after the latest upgrade, it does not.

    Any thoughts?

    Reply ↓

      • I’m using version 0.17 of the plugin, with Google Chrome and Windows Vista. I’m thinking now that it’s a Google Chrome issue, because when I try it in IE 8 it works fine.
        I’ve never *not* used Google Chrome, and it has worked in the past.

        Reply ↓

        • This is a native WordPress Gallery using the plugin, please test if this works fine with you… I’m using Chrome 14 (Dev Channel) and it seems to be working fine… also, if you can please check if it is a problem with the theme!

          Reply ↓

  50. Pingback: Die besten WordPress Plugins 2011 » Firmen Blog »

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>