Carousel keeps loading Iframes
<p>Ive got the below script running my carousel...</p>

<p>It works great but I have ifRames (youtube &amp; Vimeo) in my carousel and everytime the carousel scrolls it has to load the iframes again - causing a high network usage. Is there any way around this?</p>

<p>Many Thanks</p>

<pre><code>$(document).ready(function() {
    var classes = ['blue', 'yellow', 'red', 'orange', 'purple'];
$('.random').each(function(i) {
    $(this).addClass(
        classes[Math.floor(Math.random()*classes.length)]);
});

var classes = ['blue-text', 'yellow-text', 'red-text', 'orange-text', 'purple-text'];
$('.author').each(function(i) {
    $(this).addClass(
        classes[Math.floor(Math.random()*classes.length)]);
});
$("#scoop-container ul").carouFredSel({
direction: "up",
circular: false,
height: "variable",
height: 1000,
items: {
    start: "random"
},
scroll: 1
});
});
</code></pre>
