docs/duck.jpg @@ -120,7 +120,8 @@ <form method='post' action='http://onehackoranother.com/projects/jquery/boxy/index.php#form' id='form' class='boxy' style='background-color: #efefef; border: 1px solid #505050; padding: 0.5em'> <a href='index.html#foobar' class='boxy' title='Inline Content Demo'>Inline content (div#foobar)</a> | <a href='partial.html' class='boxy' title='AJAX Content Demo'>Remote content (partial.html)</a> | - <input type='submit' value='Submit with confirm' /> + <a href='duck.jpg' class='boxy' title='Image Content Demo' />Image content</a> | + <input type='submit' value='Submit with confirm' /> <div id='foobar' style='display: none; background-color: green; color: white; font-size: 30px; color: white; padding: 15px'>This is inline content</div> </form> docs/index.html @@ -34,6 +34,9 @@ jQuery.fn.boxy = function(options) { content.remove(); localOptions.unloadOnHide = false; new Boxy(newContent, localOptions); + } else if (href.match(/\.(jpe?g|png|gif|bmp)($|\?)/i)) { + localOptions.unloadOnHide = true; + Boxy.loadImage(this.href, localOptions); } else { // fall back to AJAX; could do with a same-origin check if (!localOptions.cache) localOptions.unloadOnHide = true; Boxy.load(this.href, localOptions); @@ -168,6 +171,14 @@ jQuery.extend(Boxy, { }, + loadImage: function(url, options) { + var img = new Image(); + img.onload = function() { + new Boxy($('<div class="boxy-image-wrapper"/>').append(this), options); + } + img.src = url; + }, + // allows you to get a handle to the containing boxy instance of any element // e.g. <a href='#' onclick='alert(Boxy.get(this));'>inspect!</a>. // this returns the actual instance of the boxy 'class', not just a DOM element. src/javascripts/jquery.boxy.js f657b281784ffb0faccbadd102213b2636d94f20 Jason jason@magiclamp.co.uk http://github.com/jaz303/boxy/commit/2cc22172f7aabea2d95eec23fde51335c5c2e758 2cc22172f7aabea2d95eec23fde51335c5c2e758 2008-10-14T07:20:10-07:00 2008-10-14T07:20:10-07:00 Preliminary support for image loading 2dd5f44ed43db4c58191a8a31a22e7eb9d0aa4a6 Jason jason@magiclamp.co.uk