How to make ui slider to control jQuery.fx.interval?
<p>I am building a website using a lot of animations but I have to limit the animations to jQuery.fx.interval = 100; so the CPU isn't maxed out at 100%. Since the animation speeds are slower, I was wondering is their a way that I can have a slider on my page so any user can control jQuery.fx.interval either by sliding it higher or lowering it to 0?</p>

<p>Thanks, any help is appreciated.</p>

<p>How do I add</p>

<pre><code>jQuery.fx.interval = 100;
</code></pre>

<p>To This</p>

<pre><code>$(function() {
    $( "#slider-range-min" ).slider({
        range: "min",
        value: 100,
        min: 0,
        max: 700,
        slide: function( event, ui ) {
            $( "#amount" ).val( ui.value );
        }
    });
    $( "#amount" ).val( $( "#slider-range-min" ).slider( "value" ));
});
</code></pre>

<p>animation for background, used with jQuery backgroundPosition plugin.
<a href="http://plugins.jquery.com/project/backgroundPosition-Effect" rel="nofollow">http://plugins.jquery.com/project/backgroundPosition-Effect</a></p>

<pre><code>$(function(){
    $('body').animate({backgroundPosition:"(-99999px 0)"}, 6000000, 'linear');
    $('html').animate({backgroundPosition:"(-99999px -100000px)"}, 12000000, 'linear');
});
</code></pre>
