Image Captions in DNN with jQuery

dnn-captions.js

$('.ModDNNHTMLC img').each(function(i) {
  var img = $(this).css('margin', ''),
  width = $(this).css('width'),
  imageCaption = $(this).attr('longdesc'),
  figure;
  if (typeof imageCaption !== typeof undefined && imageCaption !== false) {
    if (img.css('float') == 'left' || img.hasClass('alignleft')) {
      img.css('float', '');
      figure = $('<figure class="alignleft"></figure>').css('width', width).css('min-width', '100px');
      img.removeClass();
      img.wrap(figure);
      img.parent('figure').append('<figcaption>' + imageCaption + '</figcaption>');
      img.attr('src', $(this).attr('src')+'?'+Math.random());
    } else if (img.css('float') == 'right') {
      img.css('float', '');
      figure = $('<figure class="alignright"></figure>').css('width', width).css('min-width', '100px');
      img.removeClass();
      img.wrap(figure);
      img.parent('figure').append('<figcaption>' + imageCaption + '</figcaption>');
      img.attr('src', $(this).attr('src')+'?'+Math.random());
    } else if (img.css('float') == 'none' || img.hasClass('aligncenter')) {
      img.css('float', '');
      figure = $('<figure class="aligncenter"></figure>').css('width', width).css('min-width', '100px');
      img.removeClass();
      img.wrap(figure);
      img.parent('figure').append('<figcaption>' + imageCaption + '</figcaption>');
      img.attr('src', $(this).attr('src')+'?'+Math.random());
    }
  }
});

Updated

• Prevent images with empty longdesc fields being parsed.
• Add minimum width to images to force display.
• Refresh image src immediately after display because of above problem where image will display but not populate any space. Forcing refresh of src by adding random string fixes this issue.