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

This should work as it states right now. Try to use `$(window).load(function(){ /*code here*/ });` insead of document ready. I suppose it's about images widths, heights and so on... — Roko C. Buljan, Mar 01 '13 at 19:48
@RDSAGAR no. what's the difference if you use `$(function(){` that means the DOM is ready. — Roko C. Buljan, Mar 01 '13 at 19:51
@user1042031 than it would break always if that were the main reason. — Roko C. Buljan, Mar 01 '13 at 19:52
@roXon : Sorry my mistake :D .. OP could you please post ur markup ? — Suave Nti, Mar 01 '13 at 19:56

score 1 · Answer 1 · answered Mar 01 '13 at 19:57

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>

score 0 · Answer 2 · edited May 23 '17 at 12:27

0

I think all images is not loaded

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

jquery slider doesn't work until refresh

2 Answers2