Lightbox vs Shadowbox (v2)

Revision 2 of this benchmark created by Josh on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="//www.shadowbox-js.com/build/shadowbox.js"></script>
<script src = "//turbojs.googlecode.com/svn/trunk/js/turbo.js"></script>

<div id="lightbox-content" style="display: none">
  <div class="trLightbox-title">
    Title
  </div>
  <div class="trLightbox-content">
    This will appear in a lightbox
  </div>
</div>
<script>
  Shadowbox.init({
   // let's skip the automatic setup because we don't have any
   // properly configured link elements on the page
   skipSetup: true
  });
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
Shadowbox
Shadowbox.open({
 content: '<div id="welcome-msg">Welcome to my website!</div>',
 player: "html",
 title: "Welcome",
 height: 350,
 width: 350
});
ready
Lightbox
Turbo.Lightbox.show('#lightbox-content');
ready
deleteme
deleteme
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.