Multibox Supports Images, Flash, Video, MP3 and HTML
18 Jan
Posted by Ray Cheung as Gallery, MIT License, Popup
There are many popups and galleries scripts we can use, Multibox is one of them as well. Multibox is lightbox that supports images, flash, video, mp3s, html. You can set the color of the background or use a semi-transparent background. It supports Firefox 2 (mac / pc), IE 7, IE 6, Safari (mac). However, it requires Mootools v1.1+ to run properly.
Requirements: Mootools 1.1+
Demo: http://www.phatfusion.net/multibox/
License: MIT License
- Brushes (11)
- Buttons (21)
- Color Schemes (21)
- Fonts (39)
- Forms (95)
- Icons (84)
- Patterns (24)
- PS Tutorials (9)
- Stock Photos (19)
- Tables (23)
- Announcement (70)
- Best Collections (4)
- Code (44)
- eCommerce (19)
- Framework (156)
- Hosting (12)
- Information (161)
- Inspiration (27)
- Legal Documents (8)
- Reviews (8)
- Security (13)
- Social (19)
- Sound (12)
- Stats (32)
- Tools (192)
- Webmail (13)
- BSD License (51)
- CC License (111)
- GPL License (189)
- LGPL License (37)
- License Free (584)
- MIT License (276)
Search Site
Open Source Resources for You
What we need is a list of the top quality resources, so that we can spend more time on our web development. WebAppers only picks the top quality web development resources for you.
© Copyright 2010 WebAppers
Sponsored by NetDNA Content Delivery Network
Recommended Books for Web Developers
Nice … but can somebody make this for protoype/scriptacoulos?
try lightwindow on http://www.stickmanlabs.com/lightwindow/
[...] Multibox from Phatfusion is a lightbox that supports images, flash, video, mp3s and html. It requires Mootools v1.1+ to run properly, but its very nice. [via] [...]
Should have supported jQuery
i don’t know..
yea it’s cool, but, where is a doc?
There’s basically no documentation for multibox. No tutorials. Nothing. Basically, it’s presented as being as easy as just adding a couple lines of code but my tests do not work. Without documentation to refer to, I’m stuck without being able to solve whatever the issue is.
When using firefox, the tween on close does not work for any flash or movie interface. It is meant to resize then close but all it does is resize the holder, the multimedia stays the original size and pops out the holder. Could this be made to gracefully degrafe in firefox etc? ie if firefox – no tween?
very useful thing
any questions.. can i change a border color ? it’s black. but i want insert to red.. ? can you help me ?
Fatih (if you didn’t do it since your message..) : you just need to change it in the CSS : it’s set at #000, just change it for #ff0000 (red). You can as well change the border width, actually at 20px.
And well, change everything you want in the display, just with the css file…
very nice
very nice control, it uses a description div which accepts any html i just need to put a button inside it with a simple javascript to show and hide whatever, the javascript work fine and i can see that the other element’s display is set to ‘none’ but it don’t it is still displayed on the form ?
whatever
this lightbox also support html pages, bur i cant request html with a query string !!
I downloaded the multibox zip from phatfusion, unzipped it and opened the index.htm in firefox 2.0.0.3 and it doesn’t work! The css is linked fine as the layout is correct, but the hidden div text “This is my description text 1. It can support html.” is visible and when you click on the links nothing opens using the multibox, just straight to the files via the normal ahref link i’m guessing.
I just downloaded the lightbox zip from phatfusion and it works fine. Anyone have any odeas why multibox won’t work?
Mark
mark–
It doesn’t work because the example “index.htm” has coding error. The wrong path causes nothing to work.
The 14th line should read “”
You must delete the mistaken “../utils/”
Again, BEFORE:
AFTER:
Change the path and it will work
mark–
It seems code in messages is banned here. So I’ll be direct. To make the example “index.htm” work, you must fix the path error on line 14. Delete “../utils/”
overlay.js is in the same folder as index so the path they have is wrong. Fix it and the multibox will work.
Thank you guys , this thread helped me out
It is wierd that there was no documentation on phatfusion website.
But god thank to thoose who checked the code , cuz of only “../utils/” whole script wouldn´t work …
This seems to be working fine for me in FireFox, but IE just places the popup in the top left corner, and the border is overlapping part of the image.
Anyone have any thoughts as to why that might be?
Thanks Guvnor! I’m lat on the bandwagon but Much grateful for the note on the code bug!
hi there,
i have problems using multibox for video.
it’s working fine in safari but firefox 2 bugs me. the little window opens but the movie isn’t showing. nothing… i changed the paths correctly for my own folders but it’s still not working with ff.
did i miss anything?
[...] scripts and stylesheets. (As of version 1.3.1, the sample index.htm that comes with multibox.zip improperly references [...]
multibox is fine,except I have some blank spaces at the bottom.even I visited the website http://www.phatfusion.net/multibox/ ,there is some space at the bottom..
When I am coding and previewing in my browser the box works, when I upload it to my server, it does not work. Any ideas?
@ Emilie
I am having the exact same problem.
Works just fine in preview, but when loaded live “NOPE”
for the blank space at the bottom in multibox,solution is found in http://discovermultibox.blogspot.com/
hello all
I ‘m new to this and trying to use multibox for my picture gallery and video gallery
but I don’t know how to do this. I already registered and downloaded mootools, what should I do next?
is there any link or seomthing for help?
please thanks
Gabino
How would one go about implementing image galleries. I’m not sure how to code this. Would I go about doing it just like a lightbox gallery?
How would the HTML markup look for: One thumbnail, that when clicked, could then navigate through a series of images?
Hey guys and gals! I’ve got a little problem using Multibox. I’m using box jpg and mov files on my site. For some reason, I can not see the controls on the movie files when they play (and they do play). Is there anyway for the box to conform to the movie size or is it fixed?
Thanks in advance
Ant
my IE wont support direct url it keeps saying navigation canceled
Hello,
I’m using multibox and I like to use it to show videos. However when I put a web URL in the link tag (for example : http://www.liamsmart.co.uk/Downloads/multiBox/Files/curly.flv), the player doesn’t play anything.
Did I miss something?
Thank you for your help.
hi all,
has anyone figured out why multibox does not work when uploaded onto a server?
cheerio!
s.
Extra space on the bottom of the site Fix:
http://neophyteman.wordpress.com/2009/05/11/extra-space-at-the-bottom/
I don’t see how that linked article fixes the problem. The poster originally tried altering the overlay.js, but the problem is in the playback window, not the overlay. Take the overlay out and you’ll see the space still appears. So that was never the right approach to begin with.
Neither do I see anything changed in the multibox.css that would affect the bottom space. The additional multiBoxDesc class doesn’t apply when no descriptions are given, changing the MultiBoxClose positioning moves the (x) button out of sight, and .mb img float: left just floats all the images, breaking my layout and not affecting the playback.
Still looking for a fix for this, and the “overlay doesn’t stretch to a scrolling vertical screen” problem.
Here is same multibox in jquery http://jquery.phpbasic.com
RSS feed for comments on this post · TrackBack URI