38 Comments

• Dread Knight

  11 Jul 2008 at 4:47 am

  Horay!

  I really think this module is way slicker than lightbox2.

  How is the port to drupal 6 going? Would be nice to know about the missing options compared to the older one for drupal 5.

  Cheers!
• David

  11 Jul 2008 at 11:29 am

  Awesome! I’m in the middle of giving this version a go and so far everything is working fantastically. Thanks so much for this. And, indeed, thanks to Wizzud as well.
• Shadowbox a sărit la 2.0 | CNET.ro

  13 Jul 2008 at 9:35 am

  [...] pentru că acum câteva zile, la 10 iulie mai exact, a ieşit Shadowbox 2.0 (final release - vezi anunţul), o versiune care a corectat o serie de erori, aducând şi câteva noutăţi. Personal mi se [...]
• Scott

  15 Jul 2008 at 10:03 am

  Thanks for all of your hardwork! I had emailed you about 2 months ago asking about how to try to add a description in addition to the Title for images. You had remarked that you were close to releasing 2.0 and that feature would be a part of it. However, when I look over the options and the documentation on 2.0, I don’t see that offered. Is that an option or did that not make it in?

  Scott
• Kevin

  21 Jul 2008 at 12:03 pm

  Hi there Michael I just want to say great work on getting v2 out of the door :)

  Regards Kb
• Nibelune

  24 Jul 2008 at 4:41 am

  Hi,

  excellent script…

  yet i would need a hand. I’d like to have my shadowbox appearing over a frameset, but i always get the same error : el is null

  any solution ?

  best regards
• Frederic

  24 Jul 2008 at 6:26 am

  Cool I’ll upgrade as soon as I get home :)
• Chua Wen Ching

  1 Aug 2008 at 2:38 am

  Great stuff over here. Anyway I faced difficulties downloading the full file. It will always stop downloading when it reached 3MB. I am using a slow bandwidth over here.

  Do you have a direct link to this so I can use download manager for this? I can’t right click on the download button.

  Do you offer support for Silverlight 1.0/2.0 too?

  Thanks.
• eligeriodia

  3 Aug 2008 at 2:15 am

  Very nice!!
• Rossano

  3 Aug 2008 at 10:40 am

  Hey Michael!

  I just want to thank you for your shadowbox - it looks gorgeous :D.. I will replace my lightbox2 with your shadowbox2. I love the fact that it resizes images and plays all kind of media, that’s just awesome :D

  I hope you don’t mind that I deleted most of the comments (except the first) out of your shadowbox.js - I shrinked it’s size from 72 to 29 KB which should be a treat for slow connections :D. Don’t worry! I left the first 2 comments with your copyright in there, of course!

  Thank you! :D
• JB

  3 Aug 2008 at 10:50 pm

  I had an issue with FF3 not showing the FLV files on the Shadowbox demo page. I disabled Adblock Addon and now all works OK.

  Is there another fix for this? ( apart from disabling Adblock - a lot of people use this FF Addon?)

  Cheers
• James

  7 Aug 2008 at 4:51 pm

  This is a great script.

  I’ve tried all those other boxes out there for other forms of media and they had too many issues. This one works great on not only all forms of media but browsers too!
• majckel

  13 Aug 2008 at 2:50 pm

  The script is great! Thanks!

  I’ve got a question - does anyone know, how to set “paused” as default action in slideshow?!? :(
• Valery De Smedt

  14 Aug 2008 at 9:52 am

  This is great work.. thanks,

  I just wonder how I could disable my links until window.load runs to avoid a bug when the user click a link before the page is fully loaded… any idea ?

  Thank you so much.. keep working :D
• Vince

  14 Aug 2008 at 3:36 pm

  Very nice script!

  You were recently mentioning the blog-redesign bug, and, well, I have it too. So for a change of scenery, I’ve just switched both my Greybox and Lightbox 2 installs over to Shadowbox. I love the “one-stop-serves-all” approach and minimalist interface. Great work!

  This being said, I still haven’t found the way to add Greybox to the script like Lightbox is already recognized (allowing for that backward- compatibility was brilliant by the way) but I will soon. :-)

  Cheers,

  Vince
• Frank Lowney

  15 Aug 2008 at 12:33 pm

  I think thta Shadowbox is great and would like to incorporate various CSS-based controllers with it beginnning with QuickTime. The Apple documentation for controlling QuickTime is at: http://developer.apple.com/documentation/QuickTime/Conceptual/QTScriptingJavaScript/bQTScriptingJavaScriDocument/chapter1000section5.html#//apple_ref/doc/uid/TP40001526-CH001-SW5 but I’m not yet finding a source for the CSS needed to achieve something like what Apple is doing here:

  http://www.apple.com/finalcutstudio/motion/ ;click on Motion movie to right

  If there were a package that brought all of this together, that would be super.
• Vince

  16 Aug 2008 at 10:49 am

  Oh and by the way, I agree with both comments above mine: I’m also very interested in starting the slideshow in a paused state, and disabling or pausing the script until page load is complete to avoid its failure; however for the last one, I never found a way with Lightbox, and I assume the issue here will be the same…
• Marek

  19 Aug 2008 at 11:58 am

  If you want try use Shadow Box 2 in IE6 and IE7 quirk mode, modify one function and one condition in shadowbox.js:

  538: var ltIE7 = client.isIE && !(client.isIE7 && client.isStrict);

  1373: var fixTop = function(){ var scroll = document.documentElement.scrollTop; if (scroll == 0) { scroll = document.body.scrollTop; }; SL.get(’shadowbox_container’).style.top = scroll + ‘px’; };

  Shadowbox is working, but icons of skin are not visible. placed somewhere.
• Joel

  20 Aug 2008 at 4:05 am

  Hi Michael!

  First of all, many thanks for this shadowbox, very nice work! I’m re-designing my site and I’m using it! Just to let you know! ;)

  I have a little question… Is it possible to use the inside the shadowbox, instead of the ? My idea is to use the to show the name of a photo in the thumbnail list view, but once you open it with the shadowbox, instead of the title appearing above I want to change it for the photo’s caption (for a little description of the photo). Iv’e seen other ‘lightwindows’ that use the and the to set the name and a description of the content, but after trying and trying, I can’t figure out how to make it possible with your shadowbox. Can you tell me if it’s possible, and if it is, how to make the proper changes for this…

  Waiting to read from you! Many many thanks!
• mjijackson

  20 Aug 2008 at 6:32 am

  @Joel: Not sure exactly what you’re asking here. It seems like pieces of your comment have been deleted. Is it my commenting system?

  I think you’re asking for a way to dynamically switch the title for something else at runtime. If so, you could easily do so by setting the title parameter inside the rel attribute. Like this:

  rel="shadowbox;title=The description"
  
• Clayman

  26 Aug 2008 at 3:37 am

  Hi!

  If anyone need a real transparent bg in swf files, find shadowbox-swf.js file and update it whit the following line:

  original params:

  children:   [
                      { tag: 'param', name: 'movie', value: this.obj.content },
                      { tag: 'param', name: 'bgcolor', value: bgcolor }
                  ],

  updated version:

  children:   [
                      { tag: 'param', name: 'movie', value: this.obj.content },
                      { tag: 'param', name: 'bgcolor', value: bgcolor },
                      { tag: 'param', name: 'wmode', value: 'transparent' }
                  ],

  bye
• Miso V.

  27 Aug 2008 at 12:05 pm

  Hi I am an author of non-commercial photo publishing project focused on sports in the mountains http://www.mountain.sk/ and I recently switched the photo preview feature to shadowbox from moo-based light-whatever.

  What is really neat that I could use the same preview feature for integrated Picassa albums and for google maps attached to photo sets.

  Just wanted to tell you thank you:)

  Michal Vanovcan, Bratislava, Slovakia
• Steve

  29 Aug 2008 at 11:19 pm

  Hello Michael,

  Excellent work on the Shadowbox. It is absolutely amazing as to what possible creativity can be achieved with this script-set. I would like to know if it is possible to opt out elements from being automatically processed by the Shadowbox. For example, it is possible to have a flash (swf) embed not in a Shadowbox so they swf will be show alongside other elements that are in a Shadowbox? Currently with Shadowbox an swf embed will load but is invisible, any ideas on what to modify/workaround or how to fix this?

  Thanks a lot and keep up the good work, Steve
• Sparanoid

  31 Aug 2008 at 7:55 pm

  hi, mjijackson, this is really good that i dropped Thickbox, Lightbox and other boxes then turned to use this, everything is damn perfect except the image resizing function. you know sometimes i want all my photographs shown in 100% size. it’s ‘lossless’ and all details can be displayed, but resized pics are not. maybe a opition to turn it on or off is a good plan
• Jenna

  2 Sep 2008 at 3:48 am

  Not sure if this is still an issue in v2.0 but just incase…. I recently spotted a bug in IE6 where I had disabled listenOverlay, yet the lightbox was still closing when clicking certain places on the overlay.

  The culprit turned out to be the following on line 1972 (ish) of Shadowbox v1.0:

  if(target.id && target.id == 'shadowbox_container') Shadowbox.close();
  

  To resolve it, I just added the if statement to check listenOverlay.
• mjijackson

  2 Sep 2008 at 6:18 am

  @Jenna: The reason this was happening is because IE6 does not support fixed positioning. Therefore, when Shadowbox is open, it uses relative positioning and the container takes up the top half of the page.

  @Sparanoid: One of the coolest things about Shadowbox is that is automatically detects the size of the viewport for you, so it will never overflow and cause scrollbars to appear. That’s a design decision, and one that cannot be easily changed. If you’d like to view things at 100% resolution, there are a lot of other boxes out there that will ignore the size of the viewport and overflow it.
• Sparanoid

  2 Sep 2008 at 9:34 am

  and…last question, why the loading layer is so wide? i think it’s as wide as the loading .gif image is ok. i just want to adjust the width of it but don’t know how. (sorry for my poor english, i’m from a non-english country)
• Sparanoid

  2 Sep 2008 at 9:37 am

  i know #shadowbox_body controls the width of it but when i add width:150px; everything goes wrong
• Michal

  3 Sep 2008 at 3:13 pm

  Hello,

  I use Shadowbox on my site and it is great. I have today installed Google Chrome Browser and I noticed that shadowbox-prototype combination seem not to work properly (only image is shown, no shadowbox is initiated).

  My workaround was to switch to shadowbox-base library which works.

  No errors appear in the chrome javascript console so I could not do any further investigation whether the issue is in prototype or in the bridge itself.
• Max

  10 Sep 2008 at 6:03 am

  Wow, I have found an undocumented feature! In shadowbox-jquery.js scroll down and you see:

  (function($){
   $.fn.shadowbox = function(options){
    return this.each(function(){
      var $this = $(this);
      // support jQuery metadata plugin
      var opts = $.extend({}, options || {}, $.metadata ? $this.metadata() : $.meta ? $this.data() : {});
      // support embedded opts (for w/h) within the class attr
      var cls = this.className || '';
      opts.width  = parseInt((cls.match(/w:(\d+)/)||[])[1]) || opts.width;
      opts.height = parseInt((cls.match(/h:(\d+)/)||[])[1]) || opts.height;
      Shadowbox.setup($this, opts);
    });
   };
  })(jQuery);
  

  So you can use Shadowbox like this:

  $(window).load(function() {
   Shadowbox.init({  });
  });
  $(document).ready(function() {
   $("a[rel='shadowbox'").shadowbox({  });
  });
  

  This feature is only available with jQuery!
• Jesse Schoberg

  16 Sep 2008 at 2:50 pm

  Hi Micheal, I wanted to let you know I was using the build wizard on the site using the mootools adapter and when using the compressor this issue is still present.

  Nice work on such a great script!
• Robert

  16 Sep 2008 at 10:47 pm

  Howdy, Im using the shadowbox to dynamcially call a div. Basicly when the function is run I call a DIV by ID and then output the content to the shadowbox. This works FANTASTIC… except the fact that I want to change the content dynamically in the shadowbox.

  What is the best way to do this?
• Poze

  1 Oct 2008 at 11:25 pm

  thanks for sharing…
• Ryan Williams

  9 Oct 2008 at 5:55 am

  Cool find, Max. :)

  I’ve been using Shadowbox on a variety of client sites over the past few months (licensed copy, of course), and one thing I’ve repeatedly noticed clients and even some of our staff members doing is hitting the back button after Shadowbox has popped up.

  Clearly they’re thinking in the way that an image ordinarily goes to a separate URL when clicked, but when they do this with Shadowbox it takes them back a page and they get a bit confused for a moment.

  Obviously it’s the type of thing you only do once and then learn from, but I’ve noticed it happening so frequently that perhaps an option could be introduced in a future Shadowbox release for intercepting back button applications and only closing Shadowbox?

  This may in fact be impossible, so another approach could be making Shadowbox append a #comment to the URL when clicked, meaning the browser will just take you to the URL without the #comment if the back button is used — or something. I don’t know, but this is definitely a usability concern. Please look into it if possible!

  And thanks for your great work on the script. :)
• David

  9 Oct 2008 at 8:22 am

  I dont know where to post bugs. But i just discovered one for IE7 (and perhaps other browsers as well).

  I had to add the following code to my init() methos call for the shadowbox to appear more than once. That is, shadowbox overlay is not visible, or transparant, on any other call to the opne() method on the same page after the first call.

  Shadowbox.init({
      onOpen : function(element) {
          var sc = $('shadowbox_container');
          sc.style.visibility = 'visible';
      }
  

  });

  I have used the script before and never had this issue. I have tried to erase all my stylesheets and markup to see if that causes any conflicts without success. Please look on my site if you like to investigate this issue further:

  http://www.well-well.de/item/gallery
• Giovambattista Fazioli

  23 Oct 2008 at 1:06 pm

  Hi Michael, have you a date for release 2.1? :P

  Bye
• David Horn

  27 Oct 2008 at 3:32 am

  This is great - thank you. My only problem is that I’ve got so many pages with other lightbox scripts on them, now I want to upgrade them all to this. It really is the ‘one box to rule them all’! Thank you.
• toy

  11 Nov 2008 at 8:38 am

  hey michael i just wanted to let you know after spending 4 days researching all manners of lightboxes etc yours really is the best

  not only that you care and your nice about it too

  look for my tip in your jar

Leave a comment

Copyright © 2007-2008 Michael J. I. Jackson, all rights reserved. RSS | XHTML | CSS