jquery slider doesn't work until refresh

Question

I have a simple jquery slideshow that should start when my homepage is loaded. It works, but only after I refresh the page once or twice. Here is the code I am using:

    <!-- include jQuery library -->
<script type="text/javascript" src="js/javascript.js"></script>
    <!-- include Cycle plugin -->
<script type="text/javascript" src="js/Jquery2.js"></script>
<script type="text/javascript">
$(document).ready(function() { 
    $('.image').cycle({
          fx: 'fade',
          random: '1'
          });});      
</script>

Any help would be greatly appreciated! Thanks in advance!!

-Theo

Answer 1

Change

<script type="text/javascript">
$(document).ready(function() { 
$('.image').cycle({
      fx: 'fade',
      random: '1'
      });});      
</script>

With

<script type="text/javascript">
$(window).load(function() { 
$('.image').cycle({
      fx: 'fade',
      random: '1'
      });});      
</script>

Answer 2

I think all images is not loaded

$('img').load(function() {
    $('.image').cycle({
          fx: 'fade',
          random: '1'
          });});      
});

Read more : Check if images are loaded?