Question

I have created a slideshow widget, using jQuery.UI widgets that works with window.setInterval.
I am trying to have more than one slideshow in the same page and i get the following results:

• If I try invoking the same widget for both of my divs with images:

  $('#div1').slideshow();  
  $('#div2').slideshow();
  

  none of them work;

• I have cloned the definition of my widget and named it slideshowsmall

  $('#div1').slideshow();  
  $('#div2').slideshowsmall();
  

and only the second one works.

my widget code is in this pastebin, but i really think the problem, at least in the second try, has to do with setInterval

Thanks

Answer 1

As per your widget code when setInterval calls the ChangeLeft/Right.. method the slideshowdiv variable always points to the last element on which slideShow is called. the reason for this is the way you are invoking change methods which is not adviceable.

Please use the below code to call your change method it should solve your problem. You will notice I am passing the slideshowdiv object to change methods.

this.options.timer = window.setInterval(function () {
                ChangeImageLeft(velocidade, slideshowdiv);
            }, intervalo);

Let me know if you need more info.