title: How can I switch slides automatically in SlideJS from SlidesJS.com?
body: <p>I am working on getting SlideJS running, and have some aspects of presentation and behavior in order.</p>
  
  <p>One thing I haven't yet managed is to get it to automatically slide, or transition, from one slide to the next.</p>
  
  <p>The code that is getting the reported error is line 67 in SlideJS's main plugin file, at the last line besides the closing brace below; my copy is at <a href="https://cjshayward.com/wp-content/Slides-SlidesJS-3/source/jquery.slides.js" rel="nofollow noreferrer">https://cjshayward.com/wp-content/Slides-SlidesJS-3/source/jquery.slides.js</a>:</p>
  
  <pre><code>  if (typeof TouchEvent !== "undefined") {
      $.data(this, "touch", true);
      this.options.effect.slide.speed = this.options.effect.slide.speed / 2;
    }
  </code></pre>
  
  <p>Commenting out the assignment, with my invocation, suppresses the reported error, but I think the code may want more information than this line which appears to merely halve an existing setting. I can assign, without immediate reported error,</p>
  
  <pre><code>this.options.effect['qwerty'] = 'qwerty';
  </code></pre>
  
  <p>But I get a similar error (i.e. setting a property of undefined), if I have as much as:</p>
  
  <pre><code>this.options.effect.slide['qwerty'] = 'qwerty';
  </code></pre>
  
  <p>I've tried a number of configuration options, and I can see the manual circles to click to move between slides, but have not yet managed to get an automatic transition (the plugin supports slide or fade options; I want the 'slide' effect). My present options target is:</p>
  
  <pre><code>&lt;script>// &lt;![CDATA[
      jQuery(function(){
        jQuery('#slides').slidesjs({
          slide:
              {
              speed: 200
              },
          interval: 2000,
          active: true,
          auto: true,
          effect: 'slide',
          height: 528,
          interval: 5000,
          pauseOnHover: true,
          restartDelay: 2500,
          swap: false,
          width: 940
        });
      });
  // ]]>&lt;/script></code></pre>
  
  <p>In view-source:<a href="http://www.slidesjs.com/" rel="nofollow noreferrer">http://www.slidesjs.com/</a>, there are multiple sample invocatiosn, but the only invocation I see after slidejs.min.js's inclusion (the last script loaded from a URL) is:</p>
  
  <pre><code>  &lt;script>
      $(function() {
        $('#slides').slidesjs({
          width: 940,
          height: 350,
          navigation: false
        });
      });
    &lt;/script></code></pre>
  
  <p>Thanks,</p>