bumpbox fire on page load

(114)

Update 25 Jan 2010:

Final bugfix – images now always show correctly inside the bumpbox. Added a preloader that works ^^. IE 6 also shows all types correctly.

- Fixed issue that images show outside the bumbpox
The problem that images are shown outside the right lower corner of the bumpbox has been fixed. Please download the new version here: http://www.artviper.net/download/bumpbox.rar

To end the multiple requests on how to fire bumpbox on page load, here is how you can do it:

Bumbbox automatically changes id’s on your links, numbered from zero to X, whereas X is the last bumpbox link element. So, if you want to fire automatically the first bumbpox element, use the following code right before your closing < /body > tag:

< script type="text/javascript" > window.addEvent('domready',function(){ $('0').fireEvent('click',$('0')); }) < /script>

Share this entry

Close Bookmark and Share This Page

Save to Browser Favorites / Bookmarks

Email This to a Friend

Copy HTML:

If you like this then please subscribe to the RSS Feed.

Filed under: AJAX, mootools — admin @ 7:15 am

114 Comments »

Comment by John Adams
November 12, 2009

I have tried to implement the example code, however I don’t see this firing on page load. Is there a example on site I can look at.
Comment by david
November 25, 2009

Hello,
i’ve just try the bumpbox, really nice, but i have a problem : there’s a flash menu on my page and the bumpbox “run” under my flash menu.
Any idea ?

thanks by advance

David
Comment by admin
November 25, 2009

Hi David,

yes there’s a solution to that. You will need to give your flash on-page the parameter wmode = transparent, this will stop the flash from occupying the highest z-index, and the bumpbox will be shown over the flash.
Comment by david
November 25, 2009

:p
Thanks a lot, that was the first thing i try (but too fast just into my object param not in the javascript : the best way to feel stupid).

Thanks Again

David
Comment by John
November 25, 2009

Hey,

This is great I love the look and animations. I’m trying to load this using a link in a flash file but so far I have had no luck. I would love to get his working and I know there are many others looking for the same solution. Think you could help.

Thanks
John
Comment by Grant Heinrich
November 25, 2009

I have a similar issue to David, and I can’t quite get Bumpbox to completely cover the flash slideshow that it shares the page with. See here for an example…

http://www.theheinrichteam.com/details/30ViaMilpitas-bumpbox/property_detail_content.html

…and click on the globe icon to load Bumpbox. Any other ideas as to why I’m getting this effect? Could it possibly be a function of the SlideShowPro player?

Grant
Comment by admin
November 26, 2009

Hi Grant,

well this is simple, you are calling your player with AC_runcontent.js – there you lack the wmode transparent parameter. Simply add it to the part that says: AC_FL_RunContent( ‘codebase’,'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0′,’width’,'460′,’height’,'334′,… and add ‘wmode’,'transparent’ . This should do the trick.
Comment by Veyssière isabelle
November 27, 2009

Hello !

This script is beautiful !! thank you so much !!

My question : can I run bumpbox from a flash menu with image ??

Thanks for your help.
Comment by Veyssière isabelle
November 29, 2009

Hello,
Can you help me please.
I try to find the solution.. but nothing…
Thanks a lot !!
isabelle

http://www;arthe.fr/produits/produits.php
Comment by Michael
December 1, 2009

Hi, thanks you for the script is very nice. I’m trying to use it but I don’t know why is not turning the entire window dark, could you help me out please. Appreciate all the help you can give me

file:///Users/michael/Clientes/SABBAG/site/index.html

once again thank you
Comment by Sam
December 3, 2009

I have a simple question. How do I remove the url that appears below the bumpbox?
Comment by admin
December 4, 2009

Hello Sam,

just open up the bumpbox.js and find these lines:

x1.set(‘html’,'URL: ‘ +hr);
x1.set(‘href’,hr);
x1.inject(el);

comment them out or remove em. That’s it.
Comment by Savioz
December 4, 2009

I want insert a link bumpox in to swf project. It’ s possible
Thank you for your dream work!
Comment by Veyssière isabelle
December 4, 2009

Hello !
no answer for me? Why ??
Snif snif
isa
Comment by Andrew
December 8, 2009

This is brilliant! I do have one small question – I am using it to play a swf file, if I close the window, the swf file seems to keep playing in the background somewhere – i.e. the window closes, but I can still hear the sound playing. Any idea why this might be the case?

Thanks again for your work on this!
Cheers
Andrew
Comment by Sam
December 9, 2009

Thank you very much that worked flawlessly!

I have one other question.
When the bumpbox loads a PDF in Safari it loads within the bumbox but in firefox it sill opens the bump box but its empty and prompts me to save the pdf. Is this just a browser issue? Or is there some javascript that needs to be added?
Comment by Sam
December 9, 2009

Thank you very much that worked flawlessly!

I have one other question.
When the bumpbox loads a PDF in Safari it loads within the bumbox but in firefox it sill opens the bump box but its empty and prompts me to save the pdf. Is this just a browser issue? Or is there some javascript that needs to be added?
Comment by Sam
December 9, 2009

Sorry to keep bugging you but I ran into another problem. When I am running AC_RunActiveContent.js script on a web page and I click on a PDF link the bumbox opens but I cant zoom in or zoom out and if I click on the drop down zoom % menu it locks up the bumpbox. This only happens on my pages that have AC_RunActiveContent.js script. I have one page that doesn’t have that script on it and the bumpbox runs just fine and I can zoom in and out without the bumbox locking up. If you want to check it out here are the links. This happens in Safari.

“with AC_RunActiveContent.js” http://kimberlybohstedt.com/about.html

“click on resume or portfolio”

“without AC_RunActiveContent.js” http://kimberlybohstedt.com/gallery.ht
Comment by Jan
December 10, 2009

Hello

I have installed the bumpbox in our shop, but I get a problem when images are shown. The images are not shown in the box, but right below, but when I have seen all images and go back then they show inside the box.

Also when all pictures have been seen and I restart the bumpbox it work without any problem.

What could be the problem?

e.g. http://www.quadundroller.de/xtcommerce/products/de/Quad-250ccm/QUAD-ATV-SPORT-PREDATOR-250ccm-14-Wasserkuehlung-GRUN.html

Regards,
Comment by admin
December 10, 2009

Hi Sam,

I assume you do not have a PDF viewer plugin installed in Firefox, ( i.e. Foxit PDF reader or Adobe Acrobat Plugin ) – without such a plugin, bumbpox cannot open PDF files, as it just utilizes that plugin.
Comment by admin
December 10, 2009

Hello Jan,

I’ve tested your link ( and others on your page ) and I am unable to reproduce the mentioned error. All images are shown directly in the bumpbox. What browser and version do you use?
Comment by Jan
December 10, 2009

IE7
Comment by adam
December 14, 2009

Hello there is this beautiful bumpbox, but I have a question …
If I have two group of images on the same page (eg 10 images)
And I want to open every 5 pictures from
I mean if I click on an image of the 1st group I would have only the first 5 images
and if I click on an image of the 2nd group I would have the other pictures
How to differentiate the two images of bumpbox.

Regards,
Comment by Noel
December 17, 2009

Excellent script!
My problem is the following. I have a form inside the bumpbox when the form is submitted it goes to a insert.php that does the database insertion and is supposed to return to the previous screen. I needed to go to the one that originated the bumpox not the actual bumbox itself. In other words, is there any script that I can have that insert.php will execute that will “close” the bumbox?
Thanks!
Comment by admin
December 17, 2009

Adam, actually bumpbox does not support subsets of “lightboxes” – this is due the way, bumpbox was coded. It might will be incorporated into one of the next releases.
Comment by admin
December 17, 2009

Noel, if I get you right, you want to close the bumpbox after the insert.php has been executed? How do you call the insert.php actually? Via AJAX post | get ? Or do you directly route your website to the insert.php and that one returns then to a specific page?
Comment by admin
December 17, 2009

Hello Michael,

could you please put a demo link here which does not point to a local test site?
Comment by Noel
December 17, 2009

Wow that was a quick reply!
Yes I do want to close the bumpbox after the insert is executed. I call the insert.php via post.
At the end of my insert.php i usually have a “” but what that is actually doing is puting main_menu.php inside the bumpbox.
Comment by Stefano
December 18, 2009

Hi,

I’ve tried to link a simple HTML file in the same directory, but bumpbox opens the correct box without displaying any file.
Have you any idea about this little problem ? Thanks.
Comment by scott
December 21, 2009

I’m just getting started with Bumpbox — I’m placing inline content in the box, but the content is too tall for the 480px defined as the max-height. is it posible to have this auto-grow to the content’s height?

Thanks!
Comment by Holger
December 21, 2009

I’ve downloaded Bumpbox today, and I really like it. The only thing I am missing is a “close” button in addition to the “next” and “prev” buttons. Is it possible for the user to edit the source code to enable that ? Right now, I have to reload the page in the browser to actually close the lightbox. Or is there another possibility to close the box ? Thanks and regards, Holger
Comment by admin
December 21, 2009

Hello Holger,

seems you’re missing the closed.png, which should be in the root ( you can edit bumpbox.js if you want to put it somewhere else ) of your website. If you check our demo, you’ll see the close button on the top right.
Comment by Paul
December 22, 2009

I have a feature request. Most other lightboxes will close if you click anywhere outside of the modal window, but bumpbox requires you to click on the close button.

Given how easily people get irritated about inconsistencies in user interfaces, it would be nice if Bumpbox closed the same as the others, if this is possible.
Comment by James
December 22, 2009

Excellent script! Experiencing the same issue as Jan (post 11).
Happens only in firefox – but intermittently the image will not load in the box, but outside of the box.

-James
Comment by suthan
December 24, 2009

hi…im trying to install this script for the inline content….is there any function that can be applied to a button so when the user clicks that , then it exists the bumpbox …
Comment by Maria
December 24, 2009

Hi, great great script, really.
But I got the same problem as Holger; the bumpbox control images/icons are in the same directory as the file bumpbox.js is; the script calls them directly from its level (eg, url(next.jpg), and not url(anotherdirectory/next.jpg)).
Still, no icon appears in the bumpbox. What may it be?
Thanks a lot and a merry Christmas.
Comment by Maria
December 24, 2009

Holger, I got it. The problem depends on the fact that the path for the icons is not the one from the bumpbox.js file, but the one from the page calling the script (eg page.html).
So, imagine this is your site tree:

site root
– page.html
– js
— bumpbox.js
— next.jpg

In the bumpbox.js file you don’t have to set url(next.jpg), but url(js/next.jpg).
This way, it works.

Merry Christmas
Comment by Stefano
December 28, 2009

Hi,

I’ve solved the little problem I wrote above about not displaying a simple HTML file … Actually the file’s content was too short and poor, just a few lines and so adding more content, now I see perfectly.
: )

I’ve seen another little strange behaviour but probably the solution as well. Linking an mp3 file, if I put the mp3 file in the same folder with flowplayer files or with main html file, everything works perfectly. Otherwise if the mp3 is in another folder, the player controlbar is dimmed and not active; the sound it’s okay but any controls is possible.

thanks and happy new year,
Stefano
Comment by Jaress
December 30, 2009

Hi!

This is a GREAT script!

I’m just trying to figure out how to lock the background when the user opens up the bumpbox. Right now, the background still scrolls and I’d like the entire page to be locked except for the bumpbox.
Comment by James
December 30, 2009

After doing a bit of digging around – it appears the image issue happens on these lines:
img.src = content;
maxw = img.width;
maxh = img.height;

sometimes, I think the image isn’t fully loaded when it grabs img.width – and therefore acts as if maxw and maxh are 0. I have a workaround for my specific situation – but thought I’d bring this up if others are having the issue.

-James
Comment by Chris
January 2, 2010

Hey, using bumpbox to handle a form and I want it to close at the end of the script. Is there a way to tack on an event that closes bumpbox?
Comment by Tommy
January 4, 2010

Hi Holger,

I really love bumpbox and its animations, but I’m having some trouble getting it to work on my site. I’m new to javascript in general, so bear with me.

I have the jquery library in the same js folder as bumpbox.js and mootools.js, and I’m using it for a vertical slider at the top of my site. The only code for the slider is –

jQuery(document).ready(function(){

jQuery(“.btn-slide”).click(function(){
jQuery(“#panel”).slideToggle(“slow”);
jQuery(this).toggleClass(“active”); return false;
});

});

When I link to the jquery library the slider works but the bumpbox fails. I kill the link and bumpbox works. I tried a noConflict thinking that might be the issue, but alas no luck.

Any idea what’s going on? Thanks so much!
Comment by John Swart
January 4, 2010

I am testing BumpBox on a local site and can not make the program work. Are you sure the instructions on the front page are correct?

I can insert my link in your index page and it works. When the scripts are inserted into my page it does not work (everything is in the same file folder).

I noticed that your instructions are “Place the included mootools.js…” the file included is of the same name but the script says “src=”js/mootools12.js”" Different name…ist this correct?

Love the look of BumpBox but being css and js unskilled I don’t know what I am doing wrong.
Comment by Rainie dey
January 7, 2010

Great script. Love the PDF support!

Unfortunately though, it does not darken over the entire page. I’m not running any FLASH just JS.

Please check out my site: http://demo.employeebenefitsite.com/gDemo.html

Thank you!!!
Comment by Bill
January 7, 2010

Hi,
Is there a way to remove the bouncy animation effect?
Comment by Afton
January 7, 2010

Hi!

I know only a very little about Java, and I can’t figure out how edit bumpbox.js to work with WordPress. WP uploads pics into different folders, and no just one base folder. How can I make BumpBox work with that?

Thanks a mil! I’ve been searching for a very long time for a good lightbox that works, and Bumpbox has my favorite features so far, if only I can get it to work…
Thank you!
Afton
Comment by Vixed
January 8, 2010

How can I open it from flash?
I’ve done it:

function openBump(url) {
var objLink = document.createElement(‘a’);
objLink.setAttribute(‘href’,url);
objLink.setAttribute(‘class’,'bumpbox’);
objLink.setAttribute(‘rel’,'640-480′);
// NEXT STEP mmm start : (
}

AND IN FLASH
getURL(“javascript:openBump(‘www.google.it’);void(0);”)

Can someone help me to make the “start step” on the js function?
Tnx.
Comment by admin
January 11, 2010

Hi Bill,

yes, you can edit the bumpbox.js and find the Transition.Bounce.EaseOut and change this to Transition.linear for example.
Comment by admin
January 11, 2010

Seems the part you are talking about has a higher z-index than the one bumpbox uses. Please lower your z-index below 10000 and it should work out fine.
Comment by admin
January 11, 2010

Without a link where I can have a look at the issue, it’s hard to tell whats wrong with your installation. Are u using any other framwork than mootools on the same page?
Comment by admin
January 11, 2010

Got a link for me to have a look at the issue?
Comment by admin
January 11, 2010

A happy new year to you too Well, did you try to add a full path to it? like http://demo.com/myMP3.mp3 ?
Comment by Rick
January 12, 2010

Excellent question (#21) by Paul – is there a way to close the bumpbox when you click outside of it?
Comment by Rick
January 12, 2010

Also – I know you suggest changing the z-index of other elements to <10000, but how can I change the z-index of the bumpbox? Some of my page elements are appearing above my 0.8 opacity background and I would think it would be easier to alter the bumpbox rather than the rest of my page elements.
Comment by Rick
January 13, 2010

Actually, I figured out my prior post #39. To close the bumpbox without having to click the “X” (click anywhere) add:

bg.addEvent(‘click’,function(e){

bg.dispose();
$(el).getChildren().dispose();
eff2.start({
‘width’:[maxw,1],
‘height’:[maxh,1],
‘left’: [endleft,middleH],
‘top’: [endtop, middleV+s]
})
})

below bg = new Element….

Worked on Safari and IE8.
Comment by Rick
January 13, 2010

Ok, I figured out #40 by myself too: bg.setStyle(‘z-index’,'10000′);

This forum really works!
Comment by Rich
January 13, 2010

Hi, Love bumpbox, great effect. I’ve linked it to popup several html from the same page on my site but I dont want the arrows to go to next/previous. Please can you tell me how to disable them so they aren’t displayed? thanks guys
Comment by admin
January 14, 2010

The easiest way to disable the next | previous links is to add css styles to your document, so you will not have to mess around with the JS itself:

add the following lines:

#next, #prev{
display:none;
}
Comment by Rich
January 14, 2010

nice1 thanks
Comment by Trist
January 18, 2010

Great looking and very smooth.
I’m using it to run an swf with a skin used for the progress bar. When a I run the swf normally the progress bar shows up but it doesn’t using bumpbox. Any ideas?

Thanks
Comment by admin
January 18, 2010

Hi Tristan,

I am not sure how flowplayer uses skins, ( didn’t check that topic ) but I guess it will be loaded by a parameter, that bumpbox doesn’t add to the call. Got a test link where I could have a look at the issue?

Thx
Comment by Trist
January 18, 2010

I think i’ve got it sorted. It only seems to have a problem running locally. on any other network it runs fine. So i think it might be the order it loads the flv and the skin.
Comment by david
January 18, 2010

Hello,

happy new year.

Just for information, i had problem with a flash menu that still overlay bumpbox on safari 4 (no problem with firefox IE). the problem had been “solved” with an update of the flashplayer.

Ciao
Comment by Foaad
January 21, 2010

I love the Bumpbox. It is easy to configure. I have an issue in IE7. I have set the background color for the pop-ups (contact us, Privacy Policy, Terms of use) to B1D1D5. The background has the correct color in FireFox but in IE it does not. Is there any way to fix this issue?
Any help would be greatly appreciated.
Thanks,
Foaad
Comment by tarek
January 24, 2010

Great tool especially to popup pdf’s.
I like the bump effect and the possibiliy to play flv and mp3. In my case (firefox 3.6), images are still randomly loaded out of the box. The last update hasn’t solved the problem.
Keep it up
Comment by tarek
January 24, 2010

it’s my second post you delete. Is jpg “out of the box” a so problematic issue ???
Comment by admin
January 24, 2010

Hi Tarek,

none of your comments has been deleted, it’s always just a question of time when we publish questions and answers here.
Yes, some users still report on that issue and it seems it has to do with the loading sequence of the images and the point of time when the effect starts.
Fixing this requires rewriting the bumpbox completely – same as before, time is the crucial factor. But, look out for the next version – it will be even better than this one, allowing skins and some other nice stuff. As soon as its done, we’ll post it here.
Comment by admin
January 25, 2010

To all the users of bumpbox out there – go and grab your new version at

http://www.artviper.net/bumpbox.php
or download it directly at
http://www.artviper.net/download/bumpbox.rar

The issue showing images outside the box has been finally resolved.
Comment by the_geek
January 25, 2010

Hi Thanks for the bumpbox, it is a very good tool.
Please create a version with groups. I need the feature.
best greetings from Germany
Comment by white
January 25, 2010

From within an iframe (local file) i am trying to call;

window.parent.document.getElementById(“grow”).getElementById(“closer”).handleEvent(Event.CLICK);

This is not firing the close event. Could anyone assist me with this?
Comment by Rin
January 27, 2010

Hi,

Love this looks great!

I was wondering below the image where there is the URL link, is there a way so I can replace this with a caption. I would like a few lines of text talking about the image and also some links and icons??

Thanks
Comment by admin
January 27, 2010

Hi Rin,

yes, this would be possible. Actually these lines inside bumpbox.js are responsible for the display of the URL path of the loaded image / etc.:

var x1 = new Element(‘a’,{
’styles’:{
‘width’:'auto’,
‘height’:'20px’,
‘position’:'absolute’,
‘left’: “20px”,
‘bottom’: “-30px”,
‘color’:'#eee’,
‘text-decoration’:'none’
}
})
x1.set(‘html’,'URL: ‘ +hr);
x1.set(‘href’,hr);
x1.inject(el);

replace it with something like this:

if(this.get(‘rev’) !== null){ // assuming, you use the REV tag of the link

var x1 = new Element(‘div’,{
’styles’:{
‘width’:'auto’,
‘height’:'20px’,
‘position’:'absolute’,
‘left’: “20px”,
‘bottom’: “-30px”,
‘color’:'#eee’,
‘text-decoration’:'none’
}
}) // stlye it as you wish

x1.set(‘html’, this.get(‘rev’));
}

See comment 75 – it has the needed functions now implemented.
Comment by Kat
January 28, 2010

Sadly, it’s not working on Joomla…
Comment by admin
January 28, 2010

The problem with joomla seems to be the standarised inclusion of jQuery instead of mootools. You might try to use jQuery.noConflict() ( read about this on their docs page ). Main problem using the two frameworks together is, that they are stealing each other the dollar selector as well as some other functions. noConflict() tries to solve this. I haven’t been testing this yet, so I am not sure if that is sufficient to implement. But who knows, we may release a jQuery version some day.
Comment by Kat
January 28, 2010

Many thanks for the explanation ^^
Comment by Rin
January 28, 2010

Hi,

thanks for the quick response to my question.

I have replaced the code in bumpbox.js and in index.html I have created a rev tag in the first link like this:

<href=”http://e1h13.simplecdn.net/flowplayer/flowplayer.flv” rel=”nofollow”>FLV File
But for some reason no text is displaying below the image. Any ideas?
Comment by admin
January 28, 2010

Umm, because you added a rel tag instead of a rev tag?
Comment by Rin
January 28, 2010

Sorry didnt realise this forum doesnt display a href tags.

Basically I have use:

rev=”this is working” within my link.

Thanks
Comment by admin
January 28, 2010

Do you have a link where I can look at the issue?
Comment by admin
January 28, 2010

Download the new release, added support for a secondary description, ( one shows above, one below the bumpbox ) – you can add html stuff isnide there, but be aware that this will render your document invalid ( no more w3c validation, if you ever had… )

As usual:
http://www.artviper.net/download/bumpbox.rar
Comment by Rin
January 29, 2010

I have downloaded the new release, and its working perfectly! =)

Thank you for your help, you have been very helpful. Great work!
Comment by Gijs
January 29, 2010

Hello there,

I saw the question before, but no answer yet I think…
I’m having a video displayed and I would like to leave a link under it saying:”SKIP VIDEO”.
What do I have to do that when you click the text the bumpbox closes?
If that is possible to do, second question, what do I have to remove in the code to make the close-button disappear?

Thanks a lot for the script and greets from Belgium,

Gijs
Comment by admin
January 29, 2010

You will need to give the secondary description div an ID and assign the same closing function to it like in the bumpbox for the close button.
Easiest way to disable the close button is to add some CSS style to your document:

#nycloser{
display:none;
}
Comment by Gijs
January 29, 2010

Thanks for the very quick reaction,
can you specify which part of the code exactly is the total code I need to assign to that ID?
I already tried copying a part, but the only thing I got it to do was to remove the background, the box itself stayed.

Thanks already,

Gijs
Comment by admin
January 29, 2010

$(‘YOUR_ELEMENT_ID’).addEvent(‘click’,function(e){
bg.dispose();
$(el).getChildren().dispose();
eff2.start({
‘width’:[maxw,1],
‘height’:[maxh,1],
‘left’: [endleft,middleH],
‘top’: [endtop, middleV+s]
})
})
Comment by Rin
February 1, 2010

Hi again,

Apologise for the constant questions.

I implemented bumpbox into my website, it works fine, however it has caused the other javascript effects on my website to stop working. I removed mooltools.js and the other effects works fine but my bumpbox doesnt work. Is there any way I can amend the mooltools.js file so that is doesnt conflict with my other .js files?

I have tried looking at the mooltools.js file and I find it very confusing.

Thank you
Comment by Jordan
February 2, 2010

Fantastic script, one tiny problem. In IE8, when loading an external file (making IFrame, etc.), the scrollbars don’t appear. I tried setting

x.setStyle(’scrolling’,'auto’);

and

x.setStyle(’scrolling’,'yes’);

But neither worked.

Also tried

p.setStyle(‘overflow’,'auto’);

which gave me scrollbars on both the div AND the iframe.

Any pointers?

Thanks much!
–Jordan
Comment by Jordan
February 2, 2010

Never mind my comment above–with a proper DOCTYPE, works fine!
Comment by Chris
February 4, 2010

Hi –

Excellent script! Could you tell me how to format (css) the title text which appears on the popup? At the moment it is just default Times in white. I would like to change the font and size.

Thanx!
Chris
Comment by Chris
February 4, 2010

Please disregard my previous question. I have now figured it out. If any one else is unsure how to do this, this is what I did:

I created a new CSS file and add the following

body {font-family: “Trebuchet MS”;
font-size: 14px;
font-weight: bold;
}

Then I linked the CSS file to the HTML page which contains the “popup” content.

I’m sure there is a more technical way to do this, but it worked for what I needed.

This is one of the best lightboxes I’ve ever seen/used. Thanks guys!
Comment by admin
February 5, 2010

Download the bumpbox again, I’ve added ID’s to the top and bottom description, namely

#maindesc and #addondesc

so you can address your styles directly. Using the body tag is not a very good idea – you will have all of your page ( unless overwritten by custom rules on elements ) show the big fat font.

So, for the lower description, simply add this:

#addondesc{
color:#cfe;
font-weight:bold;
}

for example.
Comment by Meg
February 5, 2010

there’s a problem with IE.. the audio spills over the next swf..

how to fix this?? thanks!
Comment by admin
February 5, 2010

Hi Meg,

Could not reproduce this error – have a link for me?
Comment by Meg
February 5, 2010

thanks for a quick reply, but I’m still having problem with my ftp, I will not be able to upload it right away.. just testing it first from my local drive.

problem is just on IE.. I have 5 swf, 2 of them have audio, when I click next I can still here the audio from previous swf which was supposed to stop when I click next or previous.
Comment by admin
February 5, 2010

Still can’t reproduce the error – I’ve been testing it with 2 audio files – one after another inside the link section. If you click the next button, the sound stops and a new flowplayer window opens inside the bumpbox.

Issue tested with XP / IE6, XP / IE7 and Vista 64 / IE 8

which version of the bumpbox are you running? Downloaded the lastest version?
Comment by Meg
February 5, 2010

not sure if its the latest but I downloaded it here.. http://www.artviper.net/bumpbox.php

I’m still contacting my web host provider, in the meantime I uploaded my files here.. http://gifm.site50.net/test.html 2 and 3 swf have audio. thanks!
Comment by admin
February 5, 2010

I’m sorry, I am still unable to reproduce this issue – IE works the same way for me as FF or Opera. What OS, IE version do you use?
Comment by Meg
February 5, 2010

even from the link that I gave you? I’m using windows XP IE8,
Comment by admin
February 5, 2010

Yes, I used virtualPC and XP / IE8, and I couldnt reproduce this error. It would be anyways some sort of miracle if the player continues playing, as it will be completely removed when switching to another bumpbox. The elements inside get destroyed, so it’s unlikely that the player is still kept in memory, playing songs.
Comment by Meg
February 5, 2010

did I confuse you? or am I the one confused here.. I’m trying to load a SWF file with audio in it and NOT mp3 file… how come my boss and I have the same result, actually he’s the one who told me coz I didn’t notice it at first.
Comment by admin
February 5, 2010

Okay, acknowledged. Please download the latest copy, this bug has been fixed in IE8 now.
Comment by Meg
February 5, 2010

thank you very much… you just fixed IE 6 issue too… you’re a genius!
Comment by admin
February 5, 2010

Lol, far from it, but thanks anyways
Comment by Chris
February 7, 2010

Re: Post 85

Thanks very much! I knew there was a “cleaner” way to do this. I downloaded the latest files and created an external css (to keep everything tidy). I did notice though that even though I change the text colour to #fff it still shows up as light grey on the actual popup. Any idea what could be causing this? It does this in both FF (3.5.7) and IE (8) even though I’ve cleared the cach, restarted browser, etc.
Comment by Tim
February 8, 2010

Love love LOVE this script.

However, I just downloaded the latest version and have a weird result.

Copied the files over the previous version (which worked) and now, when I click my thumbnail to launch the Bumpbox, the screen darkens (fine) and the bumpbox sproings out (fine), but the FLV doesn’t load inside it. No error. No nothing.

Any ideas?
Comment by admin
February 9, 2010

Guess you have been the lucky one downloading the version with a bug before I had the chance to correct it Simply get the download package again, should work fine then.
Comment by matt
February 11, 2010

hi there,

is there any way to create specific galleries? lightbox has the rel=”gallery” thing, where you can specify what images or content is included in that gallery, instead of having all of the images on your site being in one gallery.

thanks
Comment by admin
February 11, 2010

Actually not, this is due the way bumpbox is coded. It’s not a class with which you could specify several galleries. Yet, we’re planning to convert bumpbox soon, so it will introduce the wanted feature.
Comment by sia
February 23, 2010

When I test bumpbox on firefox 3.6 with a PDF
the lightbox open with the podf in it, and when I close the lightbox,
the box becomes black and a few seconds later, firefox bug and closes.

It is the same on your website, and on my website.

Can you please check this bug?

I love your work and I would like to use it for my new projet
Comment by admin
February 23, 2010

As I couldn’t reproduce this error ( also running FF 3.6 on Vista ) I snooped around a bit and it seems that a lot of people having problems with FF 3.6 and Acrobat PDF or Foxit PDF plugins ( same goes for some flash stuff ) – the browser just closes and that’s it. Thus it’s no bumpbox related problem – this firefox, as good as it was, becomes more and more unstable and bloated. Too bad.
Comment by Robinsonbanana
February 26, 2010

Hi all,

On bumpbox Does anyone know how to edit it so I can have another small box underneath the main box ie so I can add html to it like an add to cart button etc.

Thanks guys!
Comment by Robinsonbanana
February 27, 2010

How do I add another item in bumpbox.js like another rev= or title=

Please does anyone have any code that would enable me to do this, I want to add an add to cart icon under my picture in the bumpbox and don’t know much programming thanks
Comment by Thomas
February 28, 2010

Hi,

what function do i need to call to close the box?

href=”javascript: ?????()” ?

thanks

By the way: it´s the best box on the Internet
Comment by Aaron
March 10, 2010

Hi guys

Loving the bumpbox, clean and elegant! Well done!

We are running a flash movie inside the box, and want to have it automatically close at the end of the swf.

I figure we need to have a getURL(“javascript: function, but what exactly should we be calling in to make flash close the bumpbox?

Cheers guys,
Long live open source!