Tuesday, July 10th, 2007

LightWindow 2.0: Themed and Animated

Category: Component, JavaScript

LightWindow 2.0 has been released by Kevin Miller. The new release has been completely rewritten allowing for the user to build their own theme and animations.

Featuring

  • Dynamic captions
  • Create a window with a Javascript call
  • Call LightWindow from an iframe
  • More parameters to further customize the window presentation
  • Improved default animations
  • All Media including Flash Works perfectly now!
  • Anything can be a gallery and you can mix and match (i.e. Flash Galleries, Image mixed with Flash Galleries, etc)
  • Improved form handling or define your own handler.
  • … and much more.

LightWindow 2

Posted by Dion Almaer at 12:33 pm
24 Comments

++++-
4 rating from 88 votes

24 Comments »

Comments feed TrackBack URI

Can resize LightWindow by dragging the corner?

Comment by Les — July 10, 2007

nice, finally a lightbox that is flexible and has a great look. This will replace slimbox on my sites.

Comment by justin — July 10, 2007

Les, if it could do that it would be the bomb. Resize and Drag would be amazing.

Comment by justin — July 10, 2007

It is not in the default theme though it could be added with a custom theme. Personally I don’t think it’s wise but donations towards the macbook cause would motivate me to show you how to do it (hint hint)

Comment by Kevin — July 10, 2007

Looks nice. :)

IIRC, I think I did not choose to use lightwindow before was the fact that I could not embed large captions in the source for things like image galleries. Is this possible to do now? It would be best to have an element with caption that dynamically gets sucked-in to the light window unobtrusively (like a div for example.) Plus, it would be great to allow html formatting for the caption. Hehe, I guess I should read about this on your site.

Was it this light window that use non-validating code to insert captions in past? Validation is important to me.

Ah, looking at your code, it looks like you use “caption=” and “params=” within the A tag… this does not validate, no?

Either way, amazing work!!!! Thanks a billion for sharing. I will definitely donate when I use for my next project.

Cheers,
M

Comment by M — July 10, 2007

Doeas not work AT ALL under IE6 here..

Comment by netsuo — July 11, 2007

netsuo, submit a screen shot, I have no other problems reported in IE6.

M, yes the captions are dynamic now. As for the custom attributes, xhtml is xml, if you need it validate you can allways add your own dtd based off of your normal doctype and then you would be fine.

Thanks.

Kevin

Comment by Kevin — July 11, 2007

Good luck with the donation-based business plan! I personally give all my donations to a dachshund rescue shelter.

Comment by Bono — July 11, 2007

Bono-

Uhm yeah, I am not running a business ;) Just thought people would like to show their appreciation by help with my macbook fund. Gotta love those wiener dogs!

M
Well you could always just use javascript to create the window and avoid all of those attributes. If you have any other ideas, please share them in my forums and we can see what’s possible.

Thanks guys!

Kevin

Comment by Kevin — July 11, 2007

Would love the same based on jQuery! ;-)

Comment by Nicolas Hoizey — July 13, 2007

Pretty amazing stuff.!! 5 starr!!!

Comment by Aditya — July 15, 2007

meh It’s ok buddy, but I am really not convinced that this light variation is really any better then all the other ones out there. I’d rather use thickbox!

On a side note: NO I will not donate to your silly cause, pay for it out of pocket like the rest of the world.

Comment by Jaden L. — July 17, 2007

Jaden: I think Kevin is trying to convince you of anything. All he has done is given away a free library, which he never had to do in the first place. Like many people, he has put an *option* to donate, not a requirement. Out of appreciation for those who do donate, Kevin has said he will spend time helping them with any specific needs that they have. Nothing wrong with donations or getting paid to consult.

If you like thickbox, use it to your hearts content. No has said otherwise. Also, Kevin has specifically made fun of the whole “light” aspect of all libraries.

If you don’t want to donate, then don’t. No one cares if you don’t.

All that has happened here is that someone has provided a library free for all to use.

Meh, I guess people need to find problems with people contributing to the open source community.

Comment by Robert — July 19, 2007

* I don’t believe Kevin is trying to convince you of anything.*

Comment by Robert — July 19, 2007

This Account Has Been Suspended
This Account Has Been Suspended
This Account Has Been Suspended

Your site could have been suspended for one or more of the following reasons.

* Your site’s paid service has expired. To check this, login to your control panel at hostmonster.com. If your site is expired, it won’t let you log in and will take you immediately to a renewal page.
* Your site was sending out spam. Please note that many “safelists” are still considered spam. HostMonster.Com has a ZERO tolerance stance towards spam.
* Your site was consuming too many resources. This happens on occassion to very busy sites that have inefficient scripts running.

For information on restoring your account please call customer service toll free : (866) 573-4678
Following is a link for our acceptable use and terms of service for hostmonster.com : Terms of Service
If you would like to reach our support online you may do so at the following link : HostMonster Support

When/If you call our support help line, please have your site name ready.

So much for this right …

Comment by Alexis — September 14, 2007

i have been using Lightbox since i created my first photobook site well it makes my site more good looking and i’m looking to use this 2.0 version… is there any problem the i will encounter when i upgrade 2.0

Comment by mountlaurel — January 10, 2008

this clone is great. I’ve google all the png/js clones, and this is the only one which has the ability to show html whiten it’s content. This is really nice when working with flash. This means that, through the js., html and likewise can become activated and showend from within flash as well, which is handy when you want to avoid popups.

You can use this code: getURL(“javascript: myLightWindow.activateWindow({href: ‘filename.html’, width: ‘xxx’, height: ‘xxx’, title: ‘My title’, author: ’’, caption: ’’});”); – and edited the parameters – and it work’s.

If you visit http://www.banditsinc.dk/ -> it’s the top left buttons – I’m writing on the js – so it might look strange..

Comment by BanditsInc — February 29, 2008

No offense, but I’m not surprised to see any Indian saying “I will not donate” ;) You don’t have to say specifically “I will not donate” if someone hasn’t specifically asked for it.

Comment by redlofa — March 30, 2008

I am having a problem with ie6 where the container is created, and properly sized but no image displays. It works fine on Firefox and Safari.

The error it gives in ie is “Element.CSS_LENGTH is null or not an object”
This seems to be connected to effects.js, but not sure why it is happening.

Here is an example: http://testing.champcityrealty.com/2008/06/26/listings/this-is-a-gallery-test/

(please excuse the mess, it is a development site)
If there is any other information I can provide that would be helpful, please let me know!

Comment by datapharmer — June 27, 2008

Ok, I figured out the problem above based on an answer in another forum…. It seems IE is VERY picky about the javascript load order. To fix it load .js in the following order:

1.)prototype.js
2.)scriptaculous.js?load=effects
3.)lightwindow.js

Comment by datapharmer — June 28, 2008

I hate to bitch because this is a GREAT product but there is a browser issue and a weird one. When I click the image, the larger image doe not size to the correct size, it sizes to about 1cm x 1cm. I’ve posted a screen shot here: http://i37.tinypic.com/2ueoi74.jpg

Odd thing, click it once it re-sizes incorrectly, click the image again it re-sizes fine. I’ve used the code on my own website and it’s exactly the same problem. It works fine in Firefox, GoogleChrome – the issue is in IE7 (under Vista). No one else is seeing this? I saw it and my friend (under XP) with IE7 also sees it.

I’d *LOVE* to resolve this if anyone can help?

Comment by tobzzz — October 2, 2008

Can anyone here please help me. I have created a portfolio site using the amazing Lightwindow 2 template for my galleries. I made the whole site previewing on safari and the FFox and everything was fine. A few minor issues but nothing major to iron out. Then I checked on IE 8 and it all went down hill from there. I have same cross browser issues but the lightwindow goes mental. If you go here:http://www.stuartmcinnes.com/photos.html and open and close one image and then another. See what happens? I really need help with this asap guys. Any takers?

Comment by meesta — October 27, 2008

Any out there help? I posted the the above message but this thread appears to be dead…anyone out there?

Comment by meesta — October 28, 2008

Ups – seems to be somthing wrong with the format

Comment by BanditsInc — March 24, 2009

Leave a comment

You must be logged in to post a comment.