FadeIn Bild, nachdem es geladen ist

Ich versuche, das Bild geladen wird in das div mit fadeIn-Effekt. Problem ist, dass ich nicht weiß, wie zu vermeiden, laden und verblassen in der gleichen Zeit. Ich will Bild geladen werden und, nachdem es vollständig geladen wurde, sollte Sie eingeblendet werden.

http://www.izrada-weba.com/vedranmarketic

Diese sind Miniaturbilder:

<div id="thumbs">
                <a href="#" class="slika_thumb" id="1"><img src="slike/th.jpg" border="0"/></a><a href="#" class="slika_thumb" id="2"><img src="slike/th.jpg" border="0"/></a><a href="#" class="slika_thumb" id="3"><img src="slike/th.jpg" border="0"/></a><a href="#"><img src="slike/th.jpg" border="0"/></a><a href="#"><img src="slike/th.jpg" border="0"/></a><a href="#"><img src="slike/th.jpg" border="0"/></a> </div>
        </div>

Dies ist der container, in dem Bild geladen werden soll:

<div id="desna_kolona">
            <div id="slika"><img src="slike/c6.jpg" /></div>
        </div>

und das ist jquery-Datei:

$(document).ready(function(){

    $('.slika_thumb').click(function() {
        var id = $(this).attr("id");
        $('#slika').hide();

        $.ajax({
          url: 'slike/slika.php?id=' + id,
          success: function(data) {

            $('#slika').html(data);
            $('#slika').fadeIn();
          }
        });    

    });

});

Habe ich versucht zu verwenden complete unten success aber immer noch das gleiche Ergebnis.
Irgendwelche Ratschläge?

Schreibe einen Kommentar