title: jQuery BlockUI Plugin method blockUI how to display just image without any background
body: <p>Here is on the sample page <a href="http://jquery.malsup.com/block/" rel="nofollow noreferrer">http://jquery.malsup.com/block/</a> is an example of an overlay message with an image: </p>
  
  <p><code>$.blockUI({ message: '&lt;h1&gt;&lt;img src="busy.gif" /&gt; Just a moment...&lt;/h1&gt;' });</code></p>
  
  <p>But I want to display just an image, so I took out the h1 tag:</p>
  
  <p><code>$.blockUI({ message: '&lt;img src="busy.gif" /&gt;' });</code></p>
  
  <p>But there is still a background color under my image. How can I remove it?</p>
  
  <p>According with source code of jQuery BlockUI Plugin (v2) it is wrapping the message in an h2 tag</p>
  
  <pre><code>if (title) $m.append('&lt;h1&gt;'+title+'&lt;/h1&gt;');
  if (message) $m.append('&lt;h2&gt;'+message+'&lt;/h2&gt;');
  </code></pre>
  
  <p>so it looks like there is no way without modification of the source code to pass just an image tag.</p>
  
  <p>I might modify the library source code to introduce a new param like <code>image</code> with a condition:</p>
  
  <pre><code>if (image) $m.append(image);
  </code></pre>
  
  <p>and than I could declare my image like this:</p>
  
  <pre><code>$.blockUI({ image: '&lt;img src="busy.gif" /&gt;' });
  </code></pre>
  
  <p>Any more ideas?</p>