Lytebox 3.20 Modification
This page is a brief demonstration of additional functionalify of Lytebox by Markus F. Hay. I took version 3.20 as a base and have added things I want too see there. Take a look by clicking on links below:
Click to Close
Next features Demo
Test them on Slideshow
Single Slideshow
Google in Lyteframe
Yahoo in Lyteframe
New features:
- Show Hints
- Click to Close
- Easy Save
- Show Additional Infomation page
- Show image EXIF information
- Button to resize big images
- Save button (disabled in this demo)
- All text strings are in config area (easy localization)
- Frame tweeks
- and other minor code tweeks (you can now compress JS file with no further execution errors)
Download: lytebox_mod.zip
Sincerely,
Pavel Kuzub
Thanks for Jim Bertucci, for his initiative and his photos used in this demo.
Loading ...
November 8th, 2007 at 6:51 pm
Hi,
as I wrote on dolem.com:
I’ve tried the modification, and there seems to be a little bug while using Firefox:
You can see the cursor blinking. And when you click on next or prev, the cursor is blinking over the whole image…
This doesnt happen in IE7, only in Firefox
November 9th, 2007 at 2:53 am
Hello Oldmelon,
I am using Firefox too, but I don’t see any blinking cursor. How can I reproduce it?
November 9th, 2007 at 3:28 pm
I’ve found the reason, sorry. Press F7 on your FF (Caret Browsing)…..
November 23rd, 2007 at 5:41 am
thank you for this pavel. i’ve implemented it on my site (linked)
i was wondering if you could add the “on_dom_load” from here http://www.dolem.com/forum/showthread.php?tid=101&pid=647#pid647
i tried to add it as posted in that thread, but it broke the modal window, apparently your modification doesn’t work the same as the other modification.
(come to think of it, maybe i could just use the other modification) ideas?
November 23rd, 2007 at 11:23 am
Hello Michael,
Thanks for request. I’ve added addDOMLoadEvent function into my modification, you can download it here:
http://pavel.kuzub.com/lytebox/lytebox_dom_onload.js
November 23rd, 2007 at 9:08 pm
thanks for the quick reply and code
November 23rd, 2007 at 9:12 pm
No problem
November 23rd, 2007 at 9:46 pm
i’ve just tested this and it works but in msie 7 the rest of the page isn’t visible on my index page and in some cases it won’t allow the page to load at all giving me a connection error. it’s the only page on my site with flash on it, and i tried changing the flash parameter in the js with no luck. i’m leaving it up for you to see if you like. anyway i can change the scripts that load on my index page, but maybe some other’s won’t have that ability. i’m guessing it’s an incompatibility with swfobject.js
i have another request too. there is another mod of this out there that removes the scrollbar and makes the page so you can’t scroll. this solves the doctype issue with msie6. any chance i could get you to add this too
here’s a link to this guy’s mod
http://www.faszination-china.com/about_imaging_lytebox.php
i noticed his next and previous buttons are offset and i’m wondering if it’s part of the scrollbar offset maybe, anyway i’ll test it out for you if you like and we can discuss it off of your blog if you would like to keep the blog clean.
i’ll send you some $ too.
November 24th, 2007 at 8:33 pm
…. Currently PayPal accounts in Ukraine are only able to send payments. This recipient is not eligible to receive funds.
November 25th, 2007 at 3:30 am
Haha ) Thanks for letting me know, Michael. I’ll take a look what I can do with it. Regarding requests, give me some time, I’ll see what I can do later.
November 30th, 2007 at 7:05 am
This is absolutely amazing! I’ve been searching for something like this for a while, as the original Lightbox2 doesn’t quite meet my specific requirements.
Just a quick question in relation to the ‘Additional Info’ feature. Is there any way to make the additional info appear below the image (as in below where the current image comments lie) instead of in a new panel? I’ve tried to code this, but to no avail. Any help at all would be appreciated. Thanks again.
Jason
December 2nd, 2007 at 6:16 pm
Jason,
Take a look on another modification Michael posted above. That modification already has feature what you are talking about
December 3rd, 2007 at 10:46 pm
Hi,
I just tried this because you mention some Frame tweeks, but I am getting the same result launching from within a joomla wrapper from an Iframe page.
Any ideas?
http://www.mondoswank.com/index.php?option=com_wrapper&Itemid=37
clicking larger image should launch lytebox, which it does, just in the wrong place…
December 14th, 2007 at 4:57 am
Hi, I have used your mod on a site I am making. It works fine on all browsers, except on a Mac using firefox. When you open the image, the scrollbar from the web page actually overlaps the image.
www.coflash.com/turbo
Do you know how I can fix this?
December 14th, 2007 at 5:20 pm
2 Mondo
I havn’t worked with javascript iframe crossing, but I recall same questions were asked and already answered on dolem.com
I recommend you search there, you definately will find answers and code samples.
2 Phill
Unfortunately, I don’t have Mac to test. Perhaps that’s and issue of Firebox build for Mac, but I can only guess.
December 18th, 2007 at 10:59 am
Hi, I’ve searching for modification of Lytebox. But it doesn’t seem to have what I am lookign for. Can I add a text link next to the “x image of x” that able user to navigate “previous” & “next” image?
ie:
Image 1 of 5 NEXT>
-or-
Image 3 of 5
-or-
Image 5 of 5 <PREVIOUS
I really need to solve this and help are totally appreciate. Thank you in advance.
December 18th, 2007 at 4:18 pm
2 Sean
You can change “this.navType” to value 2, this will add such links, but will remove overlapping navigation.
Or do you want to add these links in addition to existing image overlapping navigation type? In this case another navType should be introduced (which will combine both nav types), various checks for navType in the code should be modified.
December 29th, 2007 at 1:12 am
Hi Pavel,
I’ve been looking at slimbox, lightbox, lytebox and the like for some time to add better popup image display to my website and have today come across your mods to lytebox which I like very much, especially the ability to compress the JS down to just 22kb which makes it the smallest image display tool I’ve found.
However, I do have a problem and some questions ….
I created a test page at http://www.giteinbrittany.com/test/index_lytebox_mod.html and found that although it all works perfectly in Firefox 2, with IE6 the Next/Prev buttons don’t appear correctly - they either flash on/off, appear at the top of the image, or don’t appear at all. Click on the top right hand image to see the problem.
Similarly clicking the big picture half way down the middle of the screen, the close button doesn’t appear and the font size looks too small.
Similar test pages for lytebox (test/lytebox.html), slimbox (test/slimbox.html) and litebox (test/litebox.html) don’t have the same display problem - argh!
A couple of questions:
- I’m assuming it’s possible to ensure the ‘Close’ button is shown all the time (as per lytebox)
- Would stripping out the EXIF and themes support neither of which I need make much difference to reducing the code size?
- On Dolem.com Lytebox has now advanced to 3.22, the bugs fixed appear to be minor, do you have any plans to incorporate them?
Thanks a lot for your help
Geoffrey
January 1st, 2008 at 6:00 pm
[…] habe mich für die modifizierte JavaScript Variante « Lytebox 3.20 Modification » von Pavel Kuzub […]
January 4th, 2008 at 10:02 pm
thanks for the code. your css and js files fixed my problem with scrollbars on firefox mac. thanks you mucho!
January 5th, 2008 at 2:10 am
2 Geoffrey Coan
Unfortunately, I no longer have any computer in hand with IE6. All have IE7 that works fine. I will take a look for IE6 at work after holidays.
>I’m assuming it’s possible to ensure the ‘Close’ button is shown all the time (as per lytebox)
Yes, you just have to set “this.showClose” to true in config area.
>Would stripping out the EXIF and themes support neither of which I need make much difference to reducing the code size?
It will definitely save some space, but you have to be careful not stripping something useful. Not sure if it worth your time.
>On Dolem.com Lytebox has now advanced to 3.22, the bugs fixed appear to be minor, do you have any plans to incorporate them?
Not at the moment, unfortunately. There are great modifications for 3.22 out there already. I am glad my features were used there, so I believe I’ve helped community. Maybe someday I will port these features to new version in addition to something new.
2 karlos
You are welcome
January 9th, 2008 at 11:59 pm
I’m using LyteFrame which works perfectly. But if that page has some links on it. When any of the links get clicked as of now it opens in the same blown up page of lytebox. I want that when the link is clicked it should close the lytebox and open the link in the window underneath it.
How can the above be achieved ?
January 10th, 2008 at 6:42 pm
I like use it, from flash button.
Please, how i do it?
January 12th, 2008 at 3:20 am
@ geoffrey coan
try this doctype
should fix it (but probably break some other stuff)
January 17th, 2008 at 5:18 am
i guess it won’t show the doctype here in a comment
February 2nd, 2008 at 4:37 pm
Thanks for sharing
March 4th, 2008 at 12:01 am
Hello
Great stufff… but i’m looking for something partly included in your mod… Auto resize all images as an option in config area… That will be great…
Do you have any idea? I’m asking because you have almost done it…
Greetings
March 4th, 2008 at 1:10 am
Uuupsss… i have just found it… Thanks
March 5th, 2008 at 1:38 am
Ok, so now i’m looking how to improve resize quality… Any idea?
March 5th, 2008 at 11:52 am
GramiYoe,
Client is downloading original image and resizing is performed on client side. As resizing is browser based - you can not improve image quality. Typical browser is using quick and simple algorithm to resize image. Browsers are not resampling images while resizing.
March 15th, 2008 at 1:39 pm
Adjusting Position of Container
any advise how to adjust position of container? I would like to have it bit up.
Thank you
Zdenek
March 16th, 2008 at 10:58 pm
Hello Zdenek,
The position of container is generated in this line of code:
object.style.top = (this.getPageScroll() (pageSize[3] / 15)) “px”;
As you can see, the position is not fixed, but depends on window height. If you want to move container up, you may divide pageSixe[3] by bigger number. For example:
object.style.top = (this.getPageScroll() (pageSize[3] / 20)) “px”;
March 20th, 2008 at 10:15 pm
Hi Pavel -
Just to start..Lytebox is great. However, I’m having a small issue.
I am opening a form in a lyteframe. When the user submits, he is redirected to a confirmation page. In Firefox, this all happens smoothly inside of the frame. In MSIE7, however, it kills the lyteframe and opens the confirmation page in its own new tab/window.
Any ideas?
March 24th, 2008 at 6:04 pm
Hi Shaun,
Redirection code should be revised. If you could provide the code and/or URL of your page to test, I could provide you the solution
March 24th, 2008 at 8:40 pm
Thanks for the MOD!
Is there anyway to turn off scroll bars in IE6? It shows a vertical scroll bar even when there is nothing to scroll. Oddly there is no horizontal scroll bar.
I would rather have the content cropped than have ugly scroll bars.
Thanks
March 25th, 2008 at 3:28 am
Hi Pavel -
Can you private mail me and I’ll provide you a link?
- Shaun
March 25th, 2008 at 2:21 pm
Shaun,
Sent you all the explanations and how to fix your specific issue via e-mail
April 10th, 2008 at 1:12 am
I have an e-commerce website. I’m using Magento as my e-commerce solution, and for certain products I have different colors you can choose from. I labeled each picture with the color. It is under a field called “Label”. Before I installed Lytebox it would open the picture in a new window and it would display the color as text above the image. Now that I have Lytebox, it doesn’t say the color, instead it uses the name of the product as the caption for every single image so if I have a bunch of weird colors to choose from, people wouldn’t know which one is which… How can I tell Lytebox to display the label instead of the title as the caption?
Thank you,
Erik
April 10th, 2008 at 1:30 am
Nevermind, I figured it out… I just had to replace
$_product->getName
with
$_image->getLabel
Sorry I filled up your blog, but maybe that will help someone else.
April 10th, 2008 at 1:40 am
Ok, one more question… but this one should be easy.
Say I want to echo the product name and the color after it… So I put:
title=”getName(), $_image->getLabel();?>
But that gives me “Product NameRed”
How can I seperate the product name from the color.. So that I could have something like: “Product Name - Red” ?
Thanks
April 10th, 2008 at 1:44 am
SOLVED! I apparently ask questions way too early… I tried some stuff before I asked that last question and had a bunch of syntax errors… but it looks like this seems to work:
title=”getName(),(’ - ‘),$_image->getLabel();?>
Unless there is a better way to do it, or more correct way.. that seems to work fine…
April 10th, 2008 at 10:17 am
Erik, well done troubleshooting your issues
April 18th, 2008 at 7:35 am
Great Job! This powered version of lytebox fits many cases.
April 20th, 2008 at 3:25 pm
Hey,
I’ve downloaded me this lytebox and it is very super. But I’ve a problem with it: Is it possible, to connect a lyteshow with a lyteframe so that i click next e.g. in the picture as lyteshow and the I see the lyteframe?
I hope it will work.
Thanks
utzi
April 20th, 2008 at 10:44 pm
Hello,
is it possible to have the next and previous buttons by iframe also at the left and right hand side like it is by pictures. Not that there are two words prev and next at the bottom of the lytebox.
thanks
hope you can help me
utzi
April 21st, 2008 at 10:12 pm
utzi,
1. No, you can’t combine lyteshow with lyteframe
2. Overlay navigation for lyteframe was not used in purpose, as they might overlay links and other stuff in the frame
April 22nd, 2008 at 11:56 pm
thanks for quickly answering
utzi
April 23rd, 2008 at 7:30 pm
why can’t i use your script in an iframe with name. If my iframe has a name, there’s only the picture at the bottom of the page. If the iframe has no name, is works perfekt. What can i do that i works also with an iframe with a name?
thanks schlursel
April 29th, 2008 at 9:09 pm
Paval send me an email with your email address that you want all the mail to go to, i cant reply to your email
May 2nd, 2008 at 9:11 pm
Hello. I have 2 forms. When the first is submitted, I would like the handling form to open in a lyteframe, which will then have another form. I can’t seem to figure out how to get the form information to go onto the handler and inside a lyteframe at the same time. I tried multiple things, but what makes sense to me is some kind of javascript. I’m just not much a a javascript guy unfortunately. I’ve been trying a document.myform.submit function since I can put that in an tag, but if I use rel= or onclick it doesn’t work. It either opens a blank page in the frame, or tries to open a frame, stops, and then opens the handler in a new window. Any suggestions? Thanks in advance. It’s a great script!
May 11th, 2008 at 3:30 pm
Could you please help me, how to add Google analytics code?
Thanks!
May 16th, 2008 at 11:15 pm
Thank you for your modified codes. It fixed the scroll bar problem invisable in Mac. It’s working fine now.
June 2nd, 2008 at 7:45 pm
Pavel,
I’m having a few problems with the litebox in a website that I’m developing.
The linked imagens in the main frame that are opened in the litebox are ok. They open in their correct size, full size, and I can also change the litebox characteristics. When I try to do that with linked imagens inside an iframe, the litebox opens on top of everything (good), but the imagens don’t stay full size, scrolls are added and an strange border is created between the picture and the lightbox frame.
Can you gimme a hand?
Cheers man.
June 10th, 2008 at 8:22 pm
Pavel,
I need to send you something, if you have time. Trying to learn PHP and need some small advise, and you are the best.
JIM
June 30th, 2008 at 4:05 pm
Hi ,
I used the lyteframe for my site , i somehow could not get cursor to blink in the search field. I have seen your samples of google and yahoo field working great . Your help is appreciated
Regards
Dean
July 11th, 2008 at 1:40 pm
Hi! I like the ability to show exif in this mod. My problem is that I load my gallery images in a middle frame, which isnt that high so the lytebox gets stuck in that frame instead of just popping out on top of everything.. is there any way around that?
Would be great if you could help!
July 29th, 2008 at 12:15 am
Hello Pavel,
I have a problem with lyteframe and can’t find the solution. I hope you can help. Some of the options, specific the autoresize option, doesn’t seem to work in IE7. In FF no problem.
Any ideas?
greetings,
Wim
August 19th, 2008 at 12:51 pm
Hi Pavel,
I’ve a problem with Your mod to Lytebox 3.20 thsi is the scenario:
I’m developing on Macs with Safari, Firefox & Opera testing. Then testing on IE (5.5, 6, 7) on Win machines.
I love Lytebox but I’ve got a strange situation developing a couple osites full of images and information where I use lot of folder to organize.
I use iFrame structure with and index.php then framed pages. This is an example of my folder structure
root_folder
index.php
gallery_folder
arts.php
library_folder
lytebox_folder
when calling Lytebox from index ( lybrary_folder/lytebox_folder/litebox.js ) all is ok. When calling ie. arts.php from its folder ( ../library_folder/lytebox_folder/litebox.js ) the windows is opened ad tell me all images are loaded (ie 1 of 5) then let me navigate and the windows is resized to the image size but the images aren’t displayed. When moving arts.php in root_folder it works.
what’s wrong? Can you help me?
Thank you. Best regards, Riccardo.
August 26th, 2008 at 2:43 am
Hi. Your modification is great! I have one question — I’ve turned off the click to close and like having the close button with the X on the right side. The close button works on all images except the last. For all images it references the link # but for the last image it doesn’t reference anything.
Have you experienced that?
August 28th, 2008 at 3:57 am
Hello, I am very interested in using this script, but want to know if there is a modification that will let me loop through in a group of images. Example, when I have 4 images, I see the next button, I click it to move to number 2, and then 3, and then 4. After 4, I want to see the next button and I want to know if I can modify it to go back to the first image and loop again. Do you know how I can modify this way, or do you already have it written to allow that?
Thank you very much
September 4th, 2008 at 4:51 pm
Hello
I released a MOD for the phpBB community, that uses Lytebox to show images.. but my MOD didn’t pass the validation processe not because of it’s faultiness but due to uncompatiblity licences between GPL and CC.
Her’s the message from a MOD developpement member;
The primary problem with your MOD is not really your fault: The Lytebox javascript is released under a Creative Commons license, and your MOD is released under the GPL. The two are not compatible licenses, making your MOD legally questionable.
Because phpBB accept only GPL, I contacted 1 moths ago the original aAuthor, Markus F. Hay, asking him to give me a GPL license of the script but he never answered!
Please is there a way around this lawyers bug.
September 16th, 2008 at 6:49 pm
Hi, when I use Lytebox and even when viewing your slideshow demo on your site, the animation is extremely slow. I have tried to adjust the transition speed in the javasccript file but that does not help. In Firefox, it renders extremely fast (maybe too fast) but IE it is like it is in slow motion.
September 18th, 2008 at 6:50 pm
Nice job on the modifications…..i was wondering if you can help me get lytebox to stay on of an applet i ausing to view a virtual tour.
Thanks in advance,
Mike
September 26th, 2008 at 8:31 am
Hi…
I’m looking for the exif/info pages as ASP.
Can anyone help me out?
Thanks!
September 27th, 2008 at 9:18 am
Hi…
Could anyone provide me with the extra php-files, but in ASP?
Thanks!
October 20th, 2008 at 10:45 pm
Hello,
can you advise me please, how to display focallenght and other items in EXIF info? I found commented section for focallenght in ixif.php. Uncoment didn not fixed my problem. Some live examples of the code would be appreciated.Thanks in advance.
October 26th, 2008 at 9:46 am
Pavel
Thanks so much for these mods. I am a newbie in this but just have a couple of questions:
1. I notice that your caption text is grey on your demos above. Mine is still red. How can I change this to grey?
2. Can the resize function parameter be changed so that the image is not so small when it has been resized?
Thanks
Craig
October 26th, 2008 at 9:59 am
Sorry Pavel
I also seem to have a problem with the last image in the slideshow. It cannot be resized and the ‘close’ function does not seem to work.
Thanks
Craig
November 6th, 2008 at 12:08 pm
hi there,
i have a little problem resizing the lyteframe while calling a new href…
i’m opening a lyteframe. in the called page i have a link for the next page. now, if i’m calling the next page i want to resize the lytebox.
hope you know what i mean
does anybody have an idea?
greetings from munich
ben
November 8th, 2008 at 5:56 pm
Hi!
I was wondering why the buttons doesn’t work in both firefox and IE. Did I do something wrong with the replacements or anything?
November 26th, 2008 at 11:30 pm
great script !! do you know how to hide title text from showing up when hovering over link, but still have caption on ligthbox??
Dan
December 9th, 2008 at 7:31 pm
Help. I am using the dom_load version of lytebox (Thanks Pavel) but it isn’t appearing to work….the animated loading gif is the only thing that works, but offline it works fine.
http://www.eagleridgepoa.com/NEWmain/
January 14th, 2009 at 11:21 pm
nice demo Pavel
if I wanted to include an ad above the image how would I go about it. thanks
January 21st, 2009 at 2:52 am
This is a great mod. Is there a way to add a watermark when the image is viewed?
Thanks,
Paul
January 23rd, 2009 at 11:16 am
Hi Pavel
gr8 job!! your work is useful for me and for that I want to say you thanx.
But I want one modification into it.
I have used the lytebox for take confirmation from customer regarding join membership.
I have done upto this level using lytebox and one html page(use javascript into this page) .
But my problem is when user clicks on submit button the page redirects and the new page is opened into the same frame, which is wrong.
My requirement is : when user clicks on submit button the lytebox get closed automatically and the page is automatically redirect on new page.
I am working on smarty templates (just for your information).
Thanx in advance.
Pkachhia
February 3rd, 2009 at 9:02 pm
Hello.
Perhebs any can help me.
I have open a lytebox with width 600px and hight 500px.
Now i have a link for the next site open in the same box, but the content is more as the first site.
how can i resize the currently open lytebox?
resizeto(y,x) is not work.
THANKS
Tom
February 11th, 2009 at 1:45 pm
Approved your comments today. Sorry it took so long to appear here - have a lot of spam posts so your messages are lost there. I will install spam protection plug-in when I will have some time again.
P.S. Please don’t count on me answering technical questions so far, as I don’t have time looking into this code anymore. Cheers.