Hello!
First off, I'd just like to say that the jquery Lightbox is amazing!!! it is soooo much smoother now. I'd like to disable the Lightbox from my frontpage because I have small images. (www.mulpo.com) I would also like to know if there is a way of disabling the full size button. thanks!!!

Comments

stella’s picture

Assigned: ipwa » stella
Status: Active » Fixed

Hi,

On the lightbox2 settings page, in the "Miscellaneous Settings" section, there is a field called "Disable LightBox for these urls". In this textarea, you can list urls (one per line) for which you don't want lightbox2 enabled, e.g. "node/123". To do this for the front page (assuming it's just like http://www.mydomain.com/), you just need to enter in a blank line. Future versions will support the "" syntax.

Cheers,
Stella

stella’s picture

What do you mean by disabling the "full size" button? Do you mean the zoom button? i.e. the one that if your lightbox image is larger than the screen, it resizes it to fit the screen but then provides a zoom button to see the original size? If so, there's no way of disabling that at the moment, but it could be implemented for the next version if you give me more details of how you would prefer it to work.

Cheers,
Stella

stella’s picture

Released in lightbox2 5.x-2.1 (both <front> tag support and disable zoom feature).

Cheers,
Stella

ipwa’s picture

Title: disable in front page » wow!

Hello Stella!

I started writing this message yesterday night when I was very busy, and I couldn't finish it. Then I just downloaded the new version and it rocks! I really admire what you have done with Lightbox module. I used the earlier version with Prototype and Scripaculous and it made my site really heavy. This version is really light and the animations are a lot smoother. :)

I loved the original Lightbox2 and I think it's brilliant coding by Lokesh, but some clients asked me to modify the layout and make the navigation always visible. After I did the changes I found Slimbox which is made with MooTools, it was really easy for me to modify, and it was lighter and smoother than the original Lightbox2. I released the modification of the Slimbox I did for one of my clients, at my site mulpo.com (http://mulpo.com/myslimbox).

I am using this module at my site mulpo.com, and for some reason the right border is thicker than the left (http://mulpo.com/user/nicolas). Other than that it looks great, I am going to play around with the CSS tonight. If you don't mind I'd like to try to modify your JavaScript to look more like the layout my client wanted.Thanks for letting me know that a blank line meant the front page, I was trying with "frontpage", this with help me with other modules as well.

I think you should release your version of Lightbox in jQuery for everyone to use. I was looking for something like that for my portfolio (nic.ipwa.net) in the jQuery plugin section. My site is a XHTML/CSS site that jQuery history plugin to enable back button using AJAX, but I haven't found a Lightbox that works with AJAX. I posted about this in the slimbox forums (http://freewebsfarms.com/forums/viewtopic.php?pid=8768#p8768). Congragulations you have made this module so much better, and your support has been the best I've seen from any module developer.

Thanks,
Nicolas

ipwa’s picture

Title: wow! » Disable Lightbox on front page and Zoom button
ipwa’s picture

I forgot to thank you specifically for adding the front tag and the disable zoom feature. That was really cool of you.

stella’s picture

Thanks ipwa.

I must say I like the idea of having the navigation links always visible. I might incorporate that as a configurable item if you don't mind.

Regarding the right border being thicker than the left border issue, the image should actually be centered. However, the animate() function provided by the jQuery version as part of the "jquery_update" module alters the css behaviour. It sets the "display" attribute to "block" for the "lightboxImage" img element. This is fixed in later versions of jQuery. You can get it to center again by changing the animate() call in lightbox.js to the following:

$('#outerImageContainer').animate({width: widthNew, height: heightNew}, 'linear', function() {
  var photo = document.getElementById('lightboxImage');
  photo.style.display = "inline";
  Lightbox.showImage();
});

However, this introduces a "jumping" effect as the image is repositioned. I tried setting it in the css file btw, but the animate() call overrides it. If you find a neat way of doing it, let me know and I'll be happy to incorporate it (it will need to work with narrow images too though, i.e. narrower than the text).

Cheers,
Stella

Anonymous’s picture

Status: Fixed » Closed (fixed)