Question

When I click on a link I set an image src to display an image with this:

$('img').attr("src",(myPlaylist.playlist[myPlaylist.current].poster));

It works as it should, but I would like to animate the image so it fades in, how can I do that? I have tested with animate and opacity but somewhere I go wrong, I cant get it working.

So any input appreciated, thanks.

Answer 1

Try this?

First hide it:

$('img').css("display", "none");

Then set your src:

$('img').attr("src",(myPlaylist.playlist[myPlaylist.current].poster));

Then fade it in:

$('img').fadeIn(500);