Lightbox 2.03 released
Lightbox JS v2.03 - Get it here.
A minor update with a couple of bug fixes, a handful of tweaks, and some small niceties added.
- Object and Embed elements hidden on Lightbox activation, prevents Flash movies and other media from appearing through Lightbox image
- extended keyboard support (arrow keys, esc key)
- added toggle in Javascript file to turn off animations
- imagemap support
- valid CSS
- clicking anywhere in 'shadow' closes Lightbox
- removeDuplicates function works with incontiguous items
- a bit of code cleanup
Like I said, minor stuff.
#1 AsceticMonk
April 16, 2007 @ 6:48 pm
Thanks for the update! Good addition on the extended keyboard support, and also happy to know that CSS is now valid!
#2 Jasper
April 17, 2007 @ 3:34 am
Thanks for the update.
Keep up the good work!
#3 Ankur
April 17, 2007 @ 7:44 am
Nice work, Lokesh Bhaia!
Although I like mootools better than prototype :)
#4 Keyboard Cowboy
April 17, 2007 @ 11:04 am
Thanks! I was just about to use this again, and I almost went to my cache of files to grab it. Glad I checked here today!
Thanks again.
#5 sinder112
April 17, 2007 @ 12:03 pm
Is there a way we can embed videos? Or will there be in future releases?
#6 Lokesh
April 17, 2007 @ 12:29 pm
#5 sinder112
Sorry, photos only. For other content, google for Lightbox modifications or try an alternative script such as ThickBox or Lightwindow.
#7 Raige
April 17, 2007 @ 5:27 pm
I really like this script, it looks great and at the transitions are so smooth that at first I actually thought it might be flash. However, I notice that if the image height is larger than that of the browser window, once the image loads, the overlay does not cover the newly scrollable portion of the window in Internet Explorer (it's fine in FireFox and like browsers). This also occurs upon resizing window height from a smaller to larger window while the image is open (in several browsers).
#8 Brendan
April 17, 2007 @ 6:12 pm
Thankyou Lokesh for continually improving upon one of the best website enhancements available …
#9 sinder112
April 17, 2007 @ 9:27 pm
Thanks for the information. Your work is amazing.
#10 anas
April 18, 2007 @ 2:38 pm
the update is not that tiny compared to how small the script is.
#11 ArielAleXCo
April 19, 2007 @ 2:32 am
I liked the version 1 and I loved the version 2, haven't try this yet, but… er… Just one little little cuestion ive been trying to figure out by myself but haven't been able to find de answare (since version 1)….
Is there a way to make the FULL IMAGE be viewable while downloading???
oh yeah… another one, sorry… er… I read almost everything on the forums, faqs and that stuff,… but is there a way to make work "on click" and not in "until everything is loaded "??? :S
Thanks for this great code ^_^
#12 Nigel
April 19, 2007 @ 1:48 pm
Just started using Lightbox. It's great, but we're having problems using it in IE6. It starts to work and then crashes. Any thoughts as to why?
Cheers - N
#13 Lokesh
April 19, 2007 @ 2:09 pm
"but is there a way to make work "on click" and not in "until everything is loaded "???
ArielAlexCo: There are methods to execute javascript before images are finished loading. They allow you to run your script after the DOM has been initialized but before the rest of the page dependencies have completed loading. For further reading:
brothercake's domready function
#14 Peter
April 20, 2007 @ 9:57 am
Great little feature but being a dummy I cannot install it. Any chance someone can send me an email at peterphillips77@hotmail.com on how to install this great Lightbox2.03, ie. very simple and clear instructions PLEASE?
cheers.
Peter
#15 Tim
April 20, 2007 @ 10:53 am
I like the plugin very mucb, but since I updated to 2.03.1 I am having a few problems. In Safari, at least, a "?" appears where the "close" image should be in the bottom right hand corner of the lightbox. The "close" image is being called but not found.
In Firefox the lightbox has an extended whitge area to the bottom, double the size of the image, the image shows but width an oversized bottom white border.
Any suggestions?
#16 Tim
April 20, 2007 @ 11:15 am
Fixed. I had to respecify the location of closelabel.gif and loading.gif with full urls. I still have oversized lightbox whitespace however with one wordpress theme (Island After Sunset) in Firefox. Puzzling …
#17 Joseph
April 22, 2007 @ 8:26 am
Thanks for the update, keep up the great work.
joe
#18 ArielAlexCo
April 22, 2007 @ 7:39 pm
O_o ?? ok…. i've cheked the site, download… i bealived instaled, but didnt understood the DOM, XDD jajjaa, ok. thanks. So, user should wait for complete download XDD.
Thanks, for you time and codding, I'vve already tried the 2.03 version and it was easier to customised it, a really liked the upgrades ^_^
#19 ;;;;;
April 22, 2007 @ 10:40 pm
;;;;
#20 Antoine
April 24, 2007 @ 2:51 am
Very good script !!! But … i have a question …
How to center the lightbox on my page ? I'm a newbie and i'd try
to change parameters in the css file and i'dont succed !
Could you help me … ?
I just want to have a lightbox which open at the center of my web page.
Thanks a lot.
Antoine.
#21 vitto
April 24, 2007 @ 6:09 am
hi, is it possible to load dynamic content in the modal window, ie a product details from a mysql db (both text and pics)?
Thanks
Great work by the way
#22 Parvinder Singh
April 24, 2007 @ 7:13 am
I am trying to use this script along with a Slideshow (as my header banner). Now I have used command "ONLOAD="runSlideShow();" " in my body which is not allowing this script to run. If I remove ONLOAD command, the script works fine.
Is there any solition where I can use both together …..
thanks in advance
#23 THoL
April 24, 2007 @ 2:16 pm
Whenever I discover a new way of doing something cool I just think 'wow', Lightbox gets a 'WOW'. You're doing some great stuff, and deserve the praise.
#24 fjordan
April 24, 2007 @ 8:49 pm
I'm running into a very weird problem, no matter I'm using lightbox v2.01 or 2.03.1. Lightbox is only functional when the page is initially loaded.
Let's say I have all images embedded in a …. 10 images inside this div, here… >
I use Javascript to dynamically replace the innerHTML contents of this wrapBox div.
As soon as this div is replaced with another 10 images, all lightbox effects are gone. And I know for sure, there is nothing else being changed on this page, I assumed all javascripts loaded should stay effective.
Besides, all rel="lightbox" are associated with the anchor… href thing…
Any idea, folks???
#25 fjordan
April 24, 2007 @ 11:00 pm
A follow up on my previous question:
lightbox.js basically invokes: initLightbox() as window.onload is fired off.
That's why when I dynamically changing content of a div, basically all contents are images to be shown in the lightbox-ed way, the lightbox isn't effective.
I'm not exactly sure how this can be tackled, in the era of Web2.0 and everything is AJAXized, it's definitely necessary to have lightbox to support dealing with a scenario as this ;-)
-fj
#26 Anonymous
April 25, 2007 @ 2:22 am
Well, after a few hours of hair-pulling, now I finally got the point.
As the innerHTML content is dynamically rendered by AJAX (XHR HTTP GET return contents), a reasonable delay has to be set before invoking initLighbox()
so after XmlHttpGet() and div innerHTML value set,
invoke this:
setTimeout("initLightbox()", 500); // set a 500millsecond timeout before invoking initLightbox() this way we hope the content has stabilized or available to the browser/client-side…
Also, make sure:
1. comment out Event.observe() line (the final line), this is useless now.
2. wherever you invoke window.onload = function() {….}
make sure initLightbox() is called as well.
that's it.
cheers.
-fjordan
#27 Nirav
April 25, 2007 @ 10:35 am
Thanks for the wonderful script!
installed and working in under 30 minutes!!! All thanks your great documentation.
Have two questions though…
1) the images for next and prev don't always show up; kinda sporadic as to when then do. Its odd since the "close" image does. Haven't test the "loading" image since it is on my local machine loads really quickly.
2) Under the close button is it possible to add another container for comments? and a form to submit comments?
Thanks again for the great work!!!
#28 April
April 26, 2007 @ 3:23 pm
Can't wait to see it^^ thanks you so much!!!! for lifting my burden.
Rock On!!!
#29 john
April 29, 2007 @ 5:02 am
hello
can I increase the size of the image?
I woulf like to have a bigger photo..is this possible?
thanks a lot
#30 Rafael
April 29, 2007 @ 8:05 am
John, if the size of the image is increased, it will pixelate and look horrible. If you want the picture to be bigger, that's your responsibility, not the writer of this script's!
#31 posttoast
April 29, 2007 @ 5:12 pm
This is great stuff!
One thing though: I would like to place all navigation (previous/next/close) at the bottom of the lightbox. What is the easiest way to do this? Maybe someone else here already did this?
#32 cWanja
April 29, 2007 @ 9:51 pm
Wouldn't you just adjust the CSS to align the images at the bottom of the picture?? Be careful though posttoast not to override the next image on top of the close image.
#33 Patrick
April 30, 2007 @ 10:29 am
I love your lightbox! I want to be able to display flash inside of it for the motion graphics section of my portfolio. I was wondering if this was possible or might be possible in the future. Thank you!
#34 Adolfito121
April 30, 2007 @ 11:02 am
First Of all, thanks for that great utility.
I'm testing it to put on my website but when the embedded image is a moving gif it doesn't works propertly on Internet Explorer and In Opera (but it really works fine on Firefox).
Thats the url:
http://xarcuteria-olive.com/Pruebas%20web/index.htm
and the animated photo is the 9th(4th, 5th, 6th, 7th and 8th are still to be uploaded).
#35 posttoast
April 30, 2007 @ 12:30 pm
@ cWanja: I wish it was that easy. It seems I have to edit the js-file as well, but I can't get it to work properly.
#36 Kenneth
April 30, 2007 @ 2:18 pm
The light box is great!!! How do I find the 2.03 version???
#37 Lokesh
April 30, 2007 @ 5:14 pm
@24, 25, 56 - Re: Getting Lightbox2 to work with content that is added to the DOM after initial load.
A quick overview, once the page is loaded the lightbox script runs and searches for images that have the a rel attribute with a value of lightbox*. The script adds a click event handler to these images.
If you add images dynamically to a page after the initial page load you need to hardcode these click handlers . An example follows:
@34 Adolfito121 - It looks like the animated gif is refiring the onload event ever animation loop in IE. I will get a fix in for animated gif support by tomorrow evening.
@36 Kenneth - Added the link to v2.03 atop the post.
#38 Adolfito121
May 1, 2007 @ 6:51 am
Thank you very much.!!!
#39 Adeola
May 1, 2007 @ 11:44 am
Hi Lokesh,
Does the end() method fire an event that I can watch for? For instance:
Event.observe(myLightbox, 'end', myCleanupFunction, false);
as I would like to call another function when I click the close button.
Thanks.
#40 Ryan
May 1, 2007 @ 12:44 pm
Great utility! Finding more and more ways to use it and implement it.
Is it possible to add a link inside the window?
#41 Leah
May 1, 2007 @ 2:15 pm
I think this is a great look! I'm a beginner at this and am working with Homestead Site Builder. I've tried to add an element and instert this code with my images but it's not working. If anyone can help me please e-mail me at leah.parr@sonoco.com
Thanks!
#42 Lampson
May 1, 2007 @ 11:39 pm
Hi!
Thanks! This is really great look! I tried to insert the code in my website, it works. However, there are some .gif file have same file names with others, so I created a new folder. Under this new folder, I copy and paste your files into it, then the scripts could not work. I tried to search the files and corrected them to a new location, but there is some .gif files could not showing, for instance, "prev.gif" , "prevlbabel.gif". I want to know if it is the problem of the scripts of the head you provided, do I need to amend it as well?
Lampson
#43 Till
May 3, 2007 @ 11:28 am
Hello Lokesh,
this is an awesome script! Keep up your great work. :-)
I've one suggestion …
Would it be possible to change the following hard coded lines into variable ones in order to configure the string "Image x of x" in the configuration area (at top of the script) comfortably for translating it in other languages:
// if image is part of set display 'Image x of x'
if(imageArray.length > 1) {
Element.show('numberDisplay');
Element.setInnerHTML( 'numberDisplay', "Image " + eval(activeImage + 1) + " of " + imageArray.length);
}
More precisely: Only the string "Image" and the word "of" should be replaced by variables.
Because there were a lot of updates of Lightbox2 recently changing those strings inside the code is a bit inconvenient.
TIA!
#44 Alessio
May 4, 2007 @ 1:22 pm
Thank you very much for this fantastic script!
#45 Carbonize
May 5, 2007 @ 3:12 pm
There is a bug in Opera 9.2. If no title attribute is assigned to the link then Lightbox says null.
#46 LightboxSupporter
May 7, 2007 @ 11:39 am
Lokesh,
I feel so gutted.
Look at this : http://www.tomodo.net/PDOX.php
Read this line : "The website has simple pages and is the first to make use of the ‘Lightbox’ image gallery. (This also ended up being used here)"
It reads as if the guy did the Lightbox gallery, meaning he programmed it for his client. This is discrediting your effort!
I really feel gutted when I saw this.
Regards,
LightboxSupporter
#47 Ardi
May 7, 2007 @ 3:01 pm
hi, great script!
is it possible to open the image always in the center of the browser win? if im horizontally scrolled to the right and open an image somewhere there, the big image still opens up on the left edge of the page, sometimes out of my screen…
thnx
A.
#48 MMMila
May 8, 2007 @ 9:03 am
This is very usefull and I learned lot of while put this script on my page!
But, it is good!
Thanx!
#49 Lokesh
May 8, 2007 @ 12:08 pm
#39 Adeola - You could create a custom event and have both your cleanup function and the lightbox.end function subscribe to it.
#40 Ryan - You can add a link in the caption. (Instructions are on the Support section) If you want to add additional links, text, or images you will need to modify the script and have basic understanding of manipulating the DOM w/Javascript.
#43 Till - I will be releasing another update shortly w/a small Opera fix and in that release I will move the "image" and "of" strings into variables per your suggestion.
#45 Carbonize - Opera 'null' display fix should be up for tomorrow latest.
#46 LightboxSupporter - Thanks for catching this. Will email directly.
#50 Msiagirl
May 9, 2007 @ 4:22 am
Hi, great pics of Japan and Lightbox sounds like something I'd love to have on my blog. I am not a techie - only slightly geeky - and it doesn't look like it works with blogger - is that right? Great application and good luck on it.
#51 LAWRY
May 11, 2007 @ 12:00 am
Hello, i am new to this JS and i have tried to get it to work but cant lol, can someone please email me easy but detailed instructions on how to install and upload files and so on, thank you
Lawry
lawrysdesigns@gmail.com
#52 Brandy
May 11, 2007 @ 12:32 pm
How about an update to work with the latest version of Prototype (1.5.1)? Or does it already work?
You should at least consider it once the next final scriptaculous is released!
#53 adolfito121
May 13, 2007 @ 10:36 am
Some minnor things. First of all thanks for that great script and for read us and update lightbox so soon.
I stiil can't open an embbed gif in opera (the last update make it work on IE7, but not in Opera).
And I've changed the loading gif for another a litlle bigger with another image (my mom's shop logo :S) and in IE7 it appears with the old size and Opera & Firefox shows the new loading.gif in the correct new size… guess that Microsoft works without respecting some web standars (?¿?)
That is the proving web that I'm doing
http://xarcuteria-olive.com/webcatala/index.htm
Have a nice day and greets from barcelona
#54 Dirk
May 14, 2007 @ 3:40 am
Love this script ;-)
Just one tiny thing:
on line 13 in v2.03.2 you give credit to Peter-Paul Koch whose site is quirksmode.com (not .org).
#55 brendan
May 14, 2007 @ 9:07 am
I'm having a problem with Firefox and Lightbox 2.03. (works fine in IE)
The part that drops down with "Image 1 of 20" and the close button disappears after the animation ends.
This problem didn't happen with v2.02
my site is here:
http://nadnerb.members.beeb.net/html/macro.html
here's an image of the problem:
http://img503.imageshack.us/img503/2420/untitledgw7.jpg
Any ideas why this happens?
BTW, Thanks for this great script Lokesh!
#56 Till
May 14, 2007 @ 11:47 am
#55 brendan - These kind of problems are IMHO better placed in the forum: http://www.huddletogether.com/forum
Your website isn't valid "XHTML 1.0 Transitional"
http://validator.w3.org/check?uri=http://nadnerb.members.beeb.net/html/macro.html
and your CSS isn't also:
http://jigsaw.w3.org/css-validator/validator?uri=http://nadnerb.members.beeb.net/html/css/bsp.css
It would be a good idea to fix that first.
And what about your class "opacityit". Does it work correctly without this class allocated to the -tag?
You mixed your own CSS with the one of the Lightbox. There must be something in confusion … BTW Lightbox 2.03.2 had some minor changes in the lightbox.css since 2.02 (see also TOP).
HTH
Till
#57 Till
May 14, 2007 @ 12:14 pm
#49 Lokesh - I love this script more and more … :-)
Just a few little tiny things:
(1) In v2.03.2 (line 5) there's a little typo: "4/30/07" (not "4/30/06").
(2) You may point out in your support chapter
http://www.huddletogether.com/projects/lightbox2/#support
the following PHP script: "Combine"
http://rakaz.nl/extra/code/combine
–> This script works great, but is only something for professionals. ;-)
(3) It would be really great, if Lightbox would work in the future with
Prototype 1.5.1 and Scriptaculous 1.7.1 (still beta)! - Especially
Prototype 1.5.1 should be allegedly very fast:
http://prototypejs.org/2007/5/1/prototype-1-5-1-released
Once again thank you for your incredible script! :D
Till
#58 Andreas
May 15, 2007 @ 4:26 am
Just like to say a big thanx! Great work - no probs at all, simple to tweak … just what I was looking for! Greets from good ol' Germany
Andreas
#59 brendan
May 15, 2007 @ 7:43 am
#56 Till
Thanks.
As you can see, I have no idea what I'm doing with CSS! haha
I'll try my best to fix it up and make it valid and if I still have problems with Lightbox I'll post it in the forum.
Thanks.
#60 Eugene
May 16, 2007 @ 6:29 pm
Having trouble. When click on thumbnail, open new page, full-size, no animation or shadow overlay. Followed the suggestion to modify the "
#61 Erwan Corre
May 19, 2007 @ 8:12 am
Thank you for your works : it's a great project for webmasters and any one.
"C'est superbe !"
My exhibition with your script here :
http://www.erwan-corre.com/monde-etrange/index.php
Please continue !
Erwan
#62 Klay
May 19, 2007 @ 8:43 am
Really amazing work, thank you !!
#63 A-Russ
May 21, 2007 @ 5:53 am
Question from a novice user -
Is there any way to link to a folder with multiple pictures instead of linking every picture? My picture updates are usually 30+ pics.
Great product. very cool.
#64 Artem
May 24, 2007 @ 5:31 am
Hi, this is wonderful script.
I am trying to use Lightbox with IE 6.0 and I am getting IE notification bar with text "To help protect your security, IE has restricted this file from showing active content…" (I have default security settings). It is not a problem for me to click "Allow blocked content", but some of my website visitors can continue browsing without doing that. In this case they will not see wonderful Lightbox effects :(
Is there any way to avoid that notification bar for IE users without asking them to click "allow blocked content"?
#65 Giuseppe
May 24, 2007 @ 5:55 am
SEI UN GRANDE!!!!!! Continua così!!
by italiana user
#66 Kumi
May 24, 2007 @ 7:13 am
Thank you very much for Lightbox! One thing I've got to ask though: Is Lightbox is all entirely Javascript? There has been a person fussing me over that what I'm using is DHTML and that there's some sort of link to DynamicDrive that I should remove. I have no idea and I hope I am not defending myself blindly, but here: http://www.dynamicdrive.com/dynamicindex4/lightbox2/index.htm
we can see Lightbox on Dynamic Drive as DHTML. Can someone clarify this for me? Thanks in advance.
#67 Nick
May 25, 2007 @ 5:14 am
Wonderful piece of work.
I wanted to use this rightaway but I am already struck with UltimateTagWarrior for more than a week. As soon as that's get resolved, I will install it.
Regards
Nick
#68 Frank Jepsen
May 31, 2007 @ 9:20 am
Lokesh Dhakar, thanks for sharing this wonderful tool with the rest of us.
You're the man!
#69 Heryos
June 1, 2007 @ 3:38 am
Howe to import the Lightbox2 script in my flash site?
thanks
#70 cagatay
June 8, 2007 @ 4:31 am
hello. does it support auto slideshow?
#71 Chris Bennett
June 10, 2007 @ 8:27 am
Great work Lokesh,
Has anyone noticed that the overlay opacity isn't working in ie6 in the 2.03 version of this excellent tool? Seems that the scripted transparency (instead of overlay.png as in the older versions) is causing a problem.
Fine in ie5.5, Firefox, ie7, Opera 9 etc only ie6
Cheers
#72 Chris Bennett
June 10, 2007 @ 8:29 am
Sorry meant to mention to Artem,
The warning will only appear on your local machine, web users won't get the active x warning at all.
Cheers
#73 Till
June 10, 2007 @ 11:58 am
#71 Chris Bennett
IMHO you're wrong. The demo reference website by Lokesh
http://www.huddletogether.com/projects/lightbox2
with Lightbox v2.03.3 (5/21/07) does work perfectly and fine under IE6 (Win XP).
BTW discussions about these kind of problems are better placed in the forum:
http://www.huddletogether.com/forum
Cheers
Till
#74 Chris Bennett
June 11, 2007 @ 10:45 pm
#73 Till
Thanks Till,
It must be my standalone ie6eolas version not showing the opacity of the background for some reason - just needed comfirmation it was working for ie6 users and wondered if anyone had noticed a similar "problem" - the script was still working, only ie6 opacity of the overlay was ever an issue.
Thanks for the link to the lightbox forum - sorry for posting my question in the comments, simply hadn't noticed the forum - please feel free to delete the unnecessary comments.
Cheers
Chris
#75 user
June 12, 2007 @ 6:30 pm
hi
great script.
but if bitcoment is installed it breaks. seems like the download manager somehow conflikts with the script.
regards
#76 Per-Gunnar
June 13, 2007 @ 11:58 am
Excellent script. I am using it extensively on my site.
Many thanks for all your hard work.
#77 Sofus Comer
June 14, 2007 @ 5:17 pm
Hi Lokesh and thanks for a great and clean solution to so many of us. I have implemented Lighbox 2.0.3 into my site http://www.fotomule.com and its a beauty until i reach the bottom of some of my portfoliopages. Then it goes totally ape by either not showing all the image and sometimes none. Maybe you or somebody can have a look and tell me if its a bug in lightbox or its my CSS thats doing this. I will happily send som files to be scrutinized if needed. Check out the page in question here: http://www.fotomule.com/portfolio.php?ID_serie=333&ID_fotos=4117&ID_usr=175
and go to the bottom of the page and click a picture and see what happens.
Take Care and thanks again.
Regards Sofus Comer, Photographer, Denmark
#78 Manuel
June 15, 2007 @ 3:54 pm
Hello
I found this script fantastic and also liekd the Hoverbox from Nathan Smith. So i connected both and i find it great.
So take a look:
http://galerie.altherr.it
Have fun
Manuel
#79 Roger
June 16, 2007 @ 11:56 am
Hello, I love the script its easy to use. When viewing pics in the newest firefox it looks fine, IE7 the background shadow doesn't cover all the way on the right side. I know very little about script and code.
http://www.batesfamilyohio.com
#80 Volker
June 17, 2007 @ 7:19 am
Thxs. for the script, just a little comment: When using lightbox, my site isn`t valid any more cause of the "duplicate specification of attribute "rel"". How can I solve this?
http://www.ayosnature.de
Regards, Volker
#81 Goose
June 18, 2007 @ 11:12 pm
Hi, first of all i love the new version is great. I am having a lil problem getting the close image to come up in both ie and ff can anyone help me out. it comes up with a box crossed out in ie and nothing in ff and the white bit at the bottom is tiny in ff too.
Cheers
Goose
#82 Montoya
June 19, 2007 @ 1:44 pm
Nice job!!!
http://andymontoya.com
#83 Jeff
June 20, 2007 @ 2:32 pm
Nice Work,
But, it's possible to make an update what allow lightbox in iframes?
#84 Tiff
June 20, 2007 @ 3:27 pm
Hi,
Excellent work. I used it and like it very much.
I also wanted to add more functionality like putting zooming effects by adding some zoom in out buttons. Can you tell me where I can add it to effectively acheive that functionality?
#85 Aaron
June 22, 2007 @ 5:38 pm
Love the script, beeen using it for a few months now.
I would like to move the buttons nav down to the bottom above the comment line. Also, is there any way to loop so when I get to the last picture, it will go back to the first one?
#86 hellyes
June 24, 2007 @ 1:01 am
nice nice nice :)
#87 tobi
June 24, 2007 @ 8:47 am
hi there,
does anyone has a STEP BY STEP tutorial for using lightbox in flash???i am a flash beginner and i am going to dispair of calling lightbox from flash…
i need help!!!
thanx a lot!
tobi
#88 Scott
June 26, 2007 @ 10:07 am
Found your Lighbox today, its absolutley awesome!
#89 Deepa
June 29, 2007 @ 10:40 am
This post was the answer to my prayer..
Thank you very much..
Here is where i have used your lightbox
http://earn-while-you-post.blogspot.com/
Cliking in the images… the pic is enlarged in light box ( Superb)
However i have a query…When the mouse is moved over the image.. i would like to have the zoom cursor to appear.
After searching thro the default cursors ( arrow, crosshair,etc etc) i decided to make my own as say zoomin.ani ( even though it has the extension of a animated cursor.. it has a single frame and appears as a static cursor)
I tried adding the cursor(url of zoom.ani) to the img tag ( and also my template).. yet.. when i view my blog in browsr ( IE & FF)… the zoom cursor fails to appear.
…Could you please take a look and let me know as to how to get this zoom cursor working
..the reason why i want the zoom cursor on the image.. is … to tell the viewers that the pic can be zoomed in (.. in normal case the hyperlink appears and opens the pic as url)
#90 nabizan
June 29, 2007 @ 10:59 am
Hye guys
have y seen what have done google in his 'picasa wab albums'?
something unbieleble! when y create your own album and upload a few photos, then click on edit my album and … incredible popup will turn on, something amazing. I have been working on similar functions but its will take much more time than i expect, and if I take a look how it could look like … something like that i always wish to my web page, i have been dream about it for a long time SIMPLE AMAZING. And if there is anybody who have much more free time than me and it like him it could be NEW RELEASE under lightbox. (I expect they simply take latest version of this one and modified it to theirs)
#91 Fabio
June 30, 2007 @ 1:38 am
Superb piece of code, Lokesh, congrats!
One question, though: is it possible to call it from within a flash swf? If so, please leave some instructions… I'm not exactly a web savvy!
All the best,
Fabio.
#92 Vincent
July 2, 2007 @ 10:55 am
Lokesh, you're amazing, my online photoalbum is been pimped.
#93 Diego
July 3, 2007 @ 10:44 am
Excelente ejemplo, y muy aplicable; Gracias por ayudar a los que apenas empezamos en este mundo del web.
#94 FEIHONG_CHN
July 5, 2007 @ 12:07 am
THANKS FOR YOUR GREAT JOB!
I MAKES MY WEBSITE SO BEAUTIFUL!
#95 Huge
July 6, 2007 @ 4:37 pm
Hi Lokesh,
I just saw your site and learned the Lightbox.
What do I want to say? You are the MAN!
You are so good bro!
Keep up the good work bro.
Thanks for sharing this wonderful idea. God Bless!
Huge
#96 Thu
July 13, 2007 @ 3:32 am
I'm not the best coder on this planet, but I've been spending hours trying to get this to work. The instructions by far are unclear and took me a while to get around.
I was wondering, can anyone help me? I don't even know if I install it correctly because whenever I click the image, it sends me to a new page instead of the usual little pop up screen.
#97 DG
July 13, 2007 @ 5:57 am
why not put a website information in the comment part
#98 yanoo
July 16, 2007 @ 3:30 pm
it's a bug inside…
when you send page as aplication/xhtml+xml:
header('Content-Type: application/xhtml+xml; charset=utf-8');
LightBox doesn't work.
Error: uncaught exception: [Exception… "Object cannot be created in this context" code: "9" nsresult: "0×80530009 (NS_ERROR_DOM_NOT_SUPPORTED_ERR)" location: "js/scriptaculous.js?load=effects Line: 26"]
#99 santi
July 16, 2007 @ 5:19 pm
it's having problems with Firefox :(
check the screenshot for an example:
http://img160.imageshack.us/my.php?image=lightboxfirefoxxy7.jpg
in I.E works fine.
Firefox: 2.0.0.4
#100 zilos
July 17, 2007 @ 1:37 pm
Thank you so much for this…this is a great tool and great job! Keep up the good work,. I will post my stuff up soon once I get the time to update my site….
#101 John Barber
July 17, 2007 @ 6:07 pm
I have used your Lightbox script on two different web pages with with different results. The first is constructed using a table, like the Dynamic Drive page where your script is featured. On this page the script works perfectly with the "loading" and "close" images displaying properly.
The second page uses tags to define sections, instead of a table. Here the script works only partially. Neither the "loading" or "close" images are seen. All else works fine.
Both images are being called, but neither will display in the page constructed with s.
Any thoughts or suggestions about how I can fix this? Your script is wonderful and I would very much like to continue using it.
#102 Adrian Fischer
July 19, 2007 @ 3:23 pm
Hello,
I've downloaded your Lightbox and use it this nice tool on my website. But I've got a question which isn't in the F.A.Q.. For example if I open an
image that has a width of 1300 pixels, thelightbox is larger than my
browser's window. So can I define a maximal width an height for the images being opened with lightbox?
Thanks.
#103 borknagar
July 19, 2007 @ 3:40 pm
Hi
After download firefox 2.0.0.5 with OS X 10.4.10 it happen a strange behavior. Theres not animation and the back (the white color) it doesnt works.
http://www.adnproducciones.cl
greetings
#104 Laurent
July 26, 2007 @ 5:43 am
Bonjour, je voulais tout d'abord vous remercier pour ce script. J'avais installé l'ancienne version sur mon blog: Graine de Nature. Celui-ci ne fonctionnant plus depuis (je ne saurais dire pourquoi), j'ai testé d'installer sans succès la nouvelle version. Pourriez-vous me guider sur les éventuelles erreurs commises?
Cordialement.
#105 ivi
July 27, 2007 @ 7:10 am
hey,
I had the same problem as this ones @24, 25 - i tried your solution " A quick overview, once the page is loaded the lightbox script runs and searches for images that have the a rel attribute with a value of lightbox*. The script adds a click event handler to these images.
If you add images dynamically to a page after the initial page load you need to hardcode these click handlers . An example follows: onclick="myLightbox.start(this); return false;" " ,
it workes great on firefox and opera, but on IE it has a little bug first time I ckick an image -> the page load twice, 2 white areas appear, in few words a really mess. Can you please tell me how to fix it?, if it helps after I start browsing the images all becames ok
regards
#106 SidV
July 28, 2007 @ 2:53 pm
There is some way that when u click on the image redirect an url?
#107 JMadden
July 28, 2007 @ 6:09 pm
Anyone get lightbox working with Blogger? I've tried several default templates, and tried instructions found on 2 sites but none of them seem to work.
Lightbox seems to work but never displays the image in the box… I can however see the loading gif, and screen dim as it should.
Anyone? Anyone?
Thanks!
#108 Jonathan Bennett
July 31, 2007 @ 12:49 pm
Thanks so much for sharing this script. I unstalled it at my wifes painting site:
http://www.amybennett.com
It works great, though there are a few quirks.
a) when viewing single images in Firefox, if you click on the close button for a breif second a tiny scroll bar jumps up, and if you click it too close to the right edge of the box to close the window, the scroll bar for the close button pops up and the box stays open with the scroll bar. Weird.
b) according to my PC mozilla using parents, the slide show is weird, and after the first image, all the rest of the images contained in the slide show set have a grey box over the entire right side of the image. Something to do with the image advancint activated area.
Thanks for any help. I love the feature. Brilliant work.
JB
#109 Anonymous
July 31, 2007 @ 12:55 pm
I just discovered the very helpful forum pages. Thanks again. I'll find my answers there.
JB
#110 Webax
July 31, 2007 @ 3:01 pm
This is a great script!
It works perfectly on my website http://www.webax.it
#111 Lserra
August 3, 2007 @ 12:34 pm
Great :)
#112 Darika
August 5, 2007 @ 11:06 pm
Hi, I would like to know if we can use light box to display a Flash Clip. I saw it in some website as LOGITECH.COM : http://www.logitech.com/index.cfm/mice_pointers/mice/devices/130&cl=us,en
when clicking on PRODUCT TOUR. What do I have to change in the script if it's possible with LIGHTBOX2?
Thank you.
#113 webe
August 7, 2007 @ 2:16 am
This is a great script!
It works perfectly on my website to http://www.motor-life.ro
Thx!
#114 Thiago
August 8, 2007 @ 9:48 am
hey man.. nice work.. congratz!!
Say one thing to me…
Can i use this to make a photo album?? Can i show ten pics whitout load all pics in same time.. ?? load each by click??
I cant do this.. have i do something wrong?
Sorry by the english errors.. im brazilian and dont speak english very well..
I wainting for u answer!!
Sya man!!
#115 PattyB
August 9, 2007 @ 2:30 am
Hi,
Not sure if this was mentioned yet.
in function hide and showFlash() you have this:
var flashEmbeds = document.getElementsByTagName("embeds");
should be this:
var flashEmbeds = document.getElementsByTagName("embed");
#116 MePHiSTo
August 10, 2007 @ 8:02 am
Hi,
I have a problem with iframes site coding with this wonderful script. In my child frame i call lightbox javascript like this -> onclick="javascript:parent.myLightbox.start(this); return false;"
it works.
But i can't find how can i send image parameter.
For example; i want to open in my parent frame sample.jpg and caption :(
Thanx…