Fallback to standard <iframe> when JavaScript unavailable?

[00dani]

Without JavaScript, the recommended setup for this plugin produces a big empty space on your blog, rather than gracefully falling back to a non-responsive JS-free display of the photoset. I hacked up a quick fix on my blog such that Tumblr's standard <iframe>-based photoset display is used when JS is unavailable, like so:

.photo-slideshow {
 visibility: visible;
 display: none;
}

{block:Photoset}
  {Photoset-500}
  <!-- standard pxuPhotoset HTML goes here -->
{/block:Photoset}

$(document).ready(function() {
  var ps = $('li.photoset');
  ps.find('.html_photoset');
    .remove();
  ps.find('.photo-slideshow')
    .css({display: 'block'})
    .pxuPhotoset(options);
});

Would it be worth extending this plugin itself, or perhaps just its usage instructions, to accommodate a fallback such as the above?

[00dani]

It may be slightly "nicer" if done like this:

$(document).ready(function() {
  var ps = $('li.photoset');
  ps.find('.photo-slideshow')
    .pxuPhotoset(options, function() {
      $(this).css({display: 'block'});
      ps.find('.html_photoset').remove();
    });
});

Or perhaps using jQuery's fades instead of just snapping into view. The general idea is the same though.

[graygilmore]

I don't mind the idea of falling back to Tumblr's version if the user has JS disabled, but that's a lot of extra resources to be forcing on 99% of the user base.

If you want a JS disabled fallback, I'd rather just make use of the no-js class and provide some rudimentary styles.