Question : Simple jQuery Crossfade

I'm attempting to have an image fade in on page load, and then crossfade to a few other images in a continuous slideshow/crossfader.

Here's the code I have so far:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2"></script> 
<script type="text/javascript" src="Scripts/jquery.cycle.lite.js"></script>

<script type="text/javascript">
$(document).ready(function() {
     $('#slideshow1').hide().fadeIn(1500);
     $('#slideshow1').cycle(timeout:2000, speed:1000, sync:0, delay:1000);
});
</script>

...

		  <div id="slideshow1" style="margin:0;padding:0;border:0;background-image:url('images/homePageImage.jpg');width:660px;height:280px;overflow:hidden;z-index:0;"> 
		  	  <img src="images/jacketWoman.jpg" WIDTH="660" HEIGHT="280" NAME="description4" alt="" border="0" align="middle">
		  	  <img src="images/sweaterMan.jpg" WIDTH="660" HEIGHT="280" NAME="description4" alt="" border="0" align="middle">
		  	  <img src="images/bigSmile.jpg" WIDTH="660" HEIGHT="280" NAME="description4" alt="" border="0" align="middle">
		  </div>


I would like the image not to flash temporarily on page load, but to fade in from 'display:none'

Any help would be very appreciated!

Jeremy

Answer : Simple jQuery Crossfade

Try it and tell me if it works.

MIN(Result) will take the minimum of the results.

18,2000            1      Negative      27,0000            04/06/2010
21,0000            1      Positive       9,0000            04/06/2010
14,0000            1      Same            14,0000            04/06/2010

Sorted alphabetically, the Min of (Negative, Postive and Same) is "Negative".

16,5000            2      Same            16,5000            05/06/2010
31,0000            2      Positive      20,0000            05/06/2010
21,0000            2      Same            21,0000            05/06/2010

Sorted alphabetically, the Min of (Positive and Same) is "Positive".


It will work.
Random Solutions  
 
programming4us programming4us