Я никак не могу реализовать ещё одну штуку... в uploader'е при нажатии кнопки "upload" для отправки на сервер файла, чтобы поменять фотку пользователя - появлялась "иконка загрузки", а потом появлялась новая фотка на месте прежней.
Вот как я пытался это реализовать... Вообщем у меня ничего не работает... Подскажите решения проблемы.
jQuery:
$(document).ready(function() {
$('form2').submit(function(){
$('#photo_ava img').load( function() {
$('#loader').hide();
$('#photo_ava img').show();
});
});
});
HTML:
<form name="form2" enctype="multipart/form-data" method="post" action="upload.php" id="form2" />
<p><div id="imageUpload">Pick up an image to upload, and press 'upload'</div></p>
<p><input type="file" size="32" name="image_field" value="" /></p>
<p class="button"><input type="hidden" name="action" value="image" />
<input type="submit" name="Submit" value="Upload" /></p>
<img id="loader" src="img/ajax-loader.gif" alt="Loading..."></img>
</form>
<div id="photo_ava"><img src="<?php echo $_SESSION['avatar_b'] ?>"/></div>