Having first image in a cycle slideshow fadein?

I'm trying to have my first image of a jQuery cycle slideshow fade in at: Slide Show test

The code I'm using is:

$(document).ready(function() {
   $('#slideshow img:开发者_如何学Pythonfirst').fadeIn(20000, function() {
              $('#slideshow').cycle({
                 fx: 'fadeZoom', 
                 timeout: 8000,
                 speed:  6000,
              });
   });
}); 

Unforunately it isn't working. What am I missing? What mistake have I made? Any help, guidance or code snippets would be greatly appreciated.

Thanks, PChuprina

---

You are fading in the image, but you should be fading in the div.

So change img to div.

---

have you tried the following?

$(document).ready(function() {
   $('#slideshow img:first').fadeOut(0);
   $('#slideshow img:first').fadeIn(20000, function() {
              $('#slideshow').cycle({
                 fx: 'fadeZoom', 
                 timeout: 8000,
                 speed:  6000,
              });
   });
});