AJAX плавная смена картинок

Всем доброго времени суток. Помогите пожалуйста реализовать вот такую систему: скрипт на jQuery циклически с задержкой 3-5 сек. обращается к php и получает от него ответ в виде "images/some.jpg", при этом ответ постоянно разный, потом соответственно плавно заполняет некий <div> изображением полученным по AJAX. Спасибо.

 

Сейчас сделал так

Код (Text):

1.  
2. <script type="text/javascript">
3. $(document).ready(function() {
4.         $("#autoimg").everyTime(3000, function(i) {
5.                 $.get("test.php", "", function(data) {
6.                         $("#autoimg").html('<img src="' +data+ '">');
7.                 });
8.         });
9. });
10. </script>
11.  
12. <div id="autoimg"></div>

Как сделать так чтобы контент сперва полностью прогрузится, а потом только заполнялся в <div> и менялось содержимое плавно, насколько я понимаю надо использовать fadeIn / fadeOut

 

Вышел из положения так:

Код (Text):

1.  
2. <script type="text/javascript">
3. $(document).ready(function() {
4.         $("#content").everyTime(4000, function() {
5.                 $.getJSON("test.php", "", function(data) {
6.                         $("#autoimg, #autotext").fadeOut(200, function() {
7.                                 var img = new Image();
8.                                 img.src = data.src;
9.  
10.                                 $("#autoimg").attr("src", img.src).fadeIn(200);
11.                                 $("#autotext").html(data.title).fadeIn(200);
12.                         });
13.                 });
14.         });
15. });
16. </script>
17.  
18.  <div><img id="autoimg" src="images/start.jpg"></div>
19.  <div id="autotext">Start Image</div>