autoplay: true with jQuery flowslideshow when the window is resized
<p>I want:</p>

<p>autoplay: false when is width>900 in window size and  ,</p>

<p>autoplay: true when is width&lt;900 &amp; width>701 in window size and  ,</p>

<p>autoplay: false when is width&lt;701 in window size</p>

<p>with jQuery flowslideshow and when the window is resized run this code</p>

<p>but notworking.</p>

<pre><code>$(window).resize(function () {
var width = $(window).width();
if (width &gt; 900) {
    $(function () {
        $(".slidetabs").tabs(".images &gt; div", {
            // enable "cross-fading" effect
            effect: 'fade',
            fadeOutSpeed: "slow",
            // start from the beginning after the last tab
            rotate: true,
            showMultiple: 5
            // use the slideshow plugin. It accepts its own configuration
        }).slideshow({ **autoplay: false**, clickable: false });
    });
}
else if (width &lt; 900 &amp; width &gt; 701) {
    $(function () {
        $(".slidetabs").tabs(".images &gt; div", {
            // enable "cross-fading" effect
            effect: 'fade',
            fadeOutSpeed: "slow",
            // start from the beginning after the last tab
            rotate: true,
            showMultiple: 5
            // use the slideshow plugin. It accepts its own configuration
        }).slideshow({ **autoplay: true**, clickable: false });
    });
}
else (width &lt; 701)
{
    $(function () {
        $(".slidetabs").tabs(".images &gt; div", {
            // enable "cross-fading" effect
            effect: 'fade',
            fadeOutSpeed: "slow",
            // start from the beginning after the last tab
            rotate: true,
            showMultiple: 5
            // use the slideshow plugin. It accepts its own configuration
        }).slideshow({ **autoplay: false**, clickable: false });
    });
}    });
</code></pre>
