Preparation code

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script src="//epson.com/_assets/libraries/jquery/prettyphoto/jquery.prettyPhoto.js"></script><script src="//christinewilson.ca/epson/colorbox/jquery.colorbox-min.js"></script>
<a rel="lightbox" href="http://christinewilson.ca/epson/image.jpeg?iframe=true&amp;width=646&amp;height=417" class="cboxElement" style="background:#CFF;padding:10px;">My Colorbox Example</a>

Preparation code output

Test runner

Warning! For accurate results, please disable Firebug before running the tests. (Why?)

Java applet disabled.

$('a[rel^="lightbox"]').prettyPhoto();
$.prettyPhoto.open('http://christinewilson.ca/epson/image.jpeg','Title','Description');                 
function generateOutput() {$.prettyPhoto.close()}
setTimeout(function() {generateOutput();}, 1000); 

$("a[rel^='lightbox']").colorbox();
$.colorbox({html:"<img src='http://christinewilson.ca/epson/image.jpeg'>"});
function generateOutput() {$.colorbox.close()}
setTimeout(function() {generateOutput();}, 1000);

Compare results of other browsers

Revisions

You can edit these tests or add even more tests to this page by appending /edit to the URL. Here’s a list of current revisions for this page:

• Revision 1: published by Christine Wilson on 7th February 2013
• Revision 2: published on 7th February 2013
• Revision 3: published by Christine Wilson on 7th February 2013
• Revision 4: published by Christine Wilson on 11th February 2013

0 comments