Wednesday 16 April 2008

More multiBox updates

Here's a few...

1. New option: 'showControls'. This will turn off the controls.

2. New option: 'offset'. This is an object containing x and y offsets for the box relative to it being centered.

3. New option: 'fixedTop'. This options allows you to specify a fixed top position to all boxes to open to.

4. New option: 'openFromLink'. This says if the box should open from the link thats clicked or from the center of the window.

5. Bug fix: the problem with movies or music still playing when closed or moved to the next item is now fixed.

i've also added a hidden iframe to the box so it will go over dropdown menus etc in IE6 and i've also added one to the overlay script.

now at version 1.3

if there is anything else that people would like let me know.

32 comments:

Anonymous said...

You, my friend, are my hero! thanks for that update :)

Anonymous said...

Hi Phat,
there is an error in new version (also on your web http://www.phatfusion.net/multibox/). You can notice error on Firefox browser (2.0.0.14). This happens when you repeaditly open and close an image.

Error:
this.contentObj.injectInside(this.contentContainer);

Anonymous said...

Hi,

Very nice work ! I never find another Lightbox-like with so many files suported.

I noticed a bug : when you try to see a file already seen, multibox change size to the good one, but didn t show again a file already seen...
On firefox 2.0.0.14.

PS: sorry for my bad english.

Anonymous said...

I uncomented a part of the l376 :

load: function(index){
this.box.addClass('MultiBoxLoading');
this.getContent(index);
if(this.type == 'image'){
var xH = this.contentObj.xH;
this.contentObj = new Image();
this.contentObj.xH = xH;
this.contentObj.onload = this.resize.bind(this);
this.contentObj.src = this.content[index].href;
}else{
this.resize();
}
},


And it works, but for the moment i only tested with images of the same size...
I m a noob in javascript...

++

kee said...

I second anonymous on april 17 2008: 14:28..

there is an error in new version (also on your web http://www.phatfusion.net/multibox/). You can notice error on Firefox browser (2.0.0.14). This happens when you repeaditly open and close an image.

I dont know what the error is, as I am unexperienced, but.. thanks thanks THANKS! I needed a lightbox that showed all the different formats!!!

Kee

Anonymous said...

Hi,
I would like to add mouseenter, mouseleave to multibox.js
Could You tell me how to change it? I've got problem with IE

Anonymous said...

Hi,

"i've also added a hidden iframe to the box so it will go over dropdown menus etc in IE6 and i've also added one to the overlay script."

I assume that this version should work properly in IE6 when the main page contains a dropdown box.

Still, I tried and the dropdown comes on top of the overlay. Not sure what I'm doing wrong.

Could you please confirm if it should work properly in this situation?

Thanks

Anonymous said...

Great stuff - however, when using wmv's in IE7 music/mp3 carries on playing even when closed (even in v.1.3). Any fix for this?

Cheers

Anonymous said...

Hi Samuel
I already wrote you with the bugfix with showNumbers, etc.
But now I've found a bug I couldn't fix: If you have an image or media without a title, the controls are not shown correctly. The Problem is the height of the MultiBoxControlsContainer.

Samuel Birch said...

Thanks for the bug reports, i've updated the script to fix the issue with repeatedly open the same image. And the issue if you have no title attribute.

Anonymous said...

Hi,
is possible group the images -by multibox-, in diferents groups in one html page, like in lightbox?.

I need sets of related images that I want to group and make navigable. I see that you have this feature in lightbox, adding a group name to the rel attribute after “lightbox”, inside square brackets.

Thanks in advance. Have a nice day!

Joan

junray said...

@anonimous

to group images do this:

give different names to the class (mb) and use the same name in the string used to call the function:
4 example, using a class named "ring" the string would be



...new MultiBox('ring', ...


i hope it's useful

Anonymous said...

i have seen the new multibox in a wordpress plugin. that looks great. i have wait a long time for this great plugin to use it on my own blog.
the plugin is not in the wordpress plugin database, just donwload it there:

Wordpress Multibox PlugIn Page

Anonymous said...

I want to add my applause for this tool here, too.
I am using version 1.3.1 and there is one error:
this.contentToLoad.desc.injectInside is not a function
Source file: http://..../multibox.js
Line: 467
What am I missing?
Thanks for any help,

Florian

Anonymous said...

Dear Phat,
Regerding # 5. Bug fix: could you share what caused this bug / how you fixed it? This seems to be happening with many related lightbox tools, especially when viewed in Safari.

I would really appreciate a hint from you.
Thanks a lot!

-Abhilash

Anonymous said...

Gotta add to what everyone else has said, your tools are fantastic.

I've spent a working with multibox to call in .wmv files and .mp3 files into a Media Center of sorts for my site. So far, so good, except...I'm getting a major glitch in IE 6 and 7 with the Window Media files "sticking" on screen after the box closes somtimes, and the audio always playing for about 7 seconds before it stops even after the movie has disappeared. I've used the latest versions of the files, and it fixed this issue in firefox, but not for IE. In the Demo on the Phatfusion site, it has the same issue using IE6 and 7.

Desperate for anyone that might have a possible fix, I've spent countless hours and am at a loss.

Unknown said...

I love Multibox, but it doesn't work in Mobile Safari (iPhone). Any ideas on how to fix?

Anonymous said...

can the box of multibox rounded corners?

Anonymous said...

Hi

I have used your multibox and it looks great. Only problem I have is when I have a dropdown on my page.

The dropdown comes on top of the multibox window. Not sure what I'm doing wrong.

Please if you can look into it.

Emilie said...

Hey, I am having some issues getting the multibox to work. Could you take a look at: http://wyqued-design.com/new/index.html and see what I may have done wrong?

Anonymous said...

Hi Phat,
can I load multibox from a iframe? But multibox load in the entire page, outside the iframe.

Excuseme for me english

richard said...

hi there! Great stuff, finally got it working on MT 1.2, but when i scroll down a page, and click on an image, the overlay doesn't lay over the whole part of the page im viewing.

if you know what i mean :)

when im at the top of the page i get the full overlay, but scrolling down will only partially overlay the page...

thanks!

Anonymous said...

Thanks for a great script! I think I have discovered a bug, however. I have the thumbnails generated dynamically, with a link below each thumb to download a high-res version(so far so good). When the multi-box is active the download link appears in the html area, but link is not updated with the image. In fact all of the links point to the last item in the dynamic array(link 12 of 12). Any ideas as to what's causing this?

Anonymous said...

I have it working ... at least as far as the lightbox itself but it will not load the flv or the wmv that I want it to.
http://www.ywcatoronto.org/women_distinction/2009/wod2009_recipients.2.htm

Anyone have an idea why?

Dave

Anonymous said...

Great widget. It would be great to have the 'MultiBoxContainer' recenter on window re-size or scroll. I've tried to modify the code to accomplish this to no avail.

Anonymous said...

junray said...
@anonimous

to group images do this:

give different names to the class (mb) and use the same name in the string used to call the function:
4 example, using a class named "ring" the string would be



...new MultiBox('ring', ...



I did this and it works great, the problem I'm facing now is that the descriptions are the same. So lets say I have group one and group two. Each image description starts with div class="multiBoxDesc mb1", the next image description starts with div class="multiBoxDesc mb2" and so on for each image in each group. I gave each group it's own class id. In the script I gave each group it's own call, such as:

new MultiBox('group1', ...
new MultiBox('group2', ...

The problem NOW is that although they are separated in groups, the descriptions will be the same for each mb1, for each mb2, etc. etc. How can I separate it so that each group has it's OWN set of description? I'm totally lost. Please help!!

Anonymous said...

absolutely great! thank you.
I want to play a quicktime movie and it works fine with safari but firefox does only show the box without playing the movie. There is no error displayed.. just white color. Any help for this? thx.

Unknown said...

Is there a way to NOT make the window centered? but instead use the link as its top left or right corner?

Unknown said...

...I figured out how to position the multibox and on to another problem.

Using .flv on first play everything is fine but if user closes then reopens they get a blank white screen. Using FF3.5

I saw another poster with this problem but no solution, is this still a bug?

Manuel said...

Hi, first i want to thank you for this cool script. But i have a question, i recently download the last version of the script and still have the problem with the dropdows menu in IE6, they still appears over the multibox. Thanks for you help

Sildenafil said...

these are great updates, especially the new 'openFromLink' feature I was waiting for something like this because I really hated there was not a feature like this one!

anti anxiety medication said...

I assume that this version should work properly in IE6 when the main page contains a dropdown box.