jQuery: fadeout an image when clicking an ASP.NET ImageButton
<p>I'm building a photo gallery in ASP.NET.  The user can browse thumbnails along the left and select one, which brings a preview-sized version into the right pane of the page.</p>

<p>I'd like to fade between the images, so that the current one fades out and the next one fades in. I'm using jQuery to fade the preview image in after it is loaded, which works great.  Unfortunately, I can't get the <code>fadeOut</code> script to run before the click event posts the page back to the server.  The thumbnails are ASP.NET ImageButtons, which means they're <code>&lt;input&gt;</code> tags.  </p>

<p>Is there a way to get the postback to delay just long enough for the image to fade out?  I've seen some tricks with the form onSubmit and <code>setTimeout()</code> but that would affect all the links and buttons on the page. I want to delay postback for the thumbnails only.</p>

<p>TIA</p>

<p><strong>EDIT</strong>:  Based on my research, and trying the suggestions below, it <em>may</em> be possible to delay the postback to accomplish this but it's not the best approach on several levels.  To get a clean fade transition between images, in the future I would not do any posting back at all. I would use jQuery exclusively for the fadeout, load, fadein.</p>
