Question

Hi I have this code below which basically after 25 seconds of showing the first .swf the second .swf shows. Now I wish to go back to the first after 12 seconds. and then loop in the same way. 1st swf 2nd swf 1st swf ……

<script type="text/javascript">
            var flashvars = {};
            flashvars.xml = "config.xml";
            flashvars.font = "font.swf";
            var attributes = {};
            attributes.wmode = "transparent";
            attributes.id = "slider";
            swfobject.embedSWF("cu3er.swf", "cu3er-container", "960", "400", "9", "expressInstall.swf", flashvars, attributes);

setTimeout(function() {
  swfobject.embedSWF("printmachine.swf", "cu3er-container", "960", "400" , "0");
}, 25000);
</script>

How would I do this ?

Thanks

Answer 1

The following splits the showing of the SWFs into two different functions. Each function calls the other via a timeout. So it will show SWF1 and line up the SWF2 method for 25s. When this runs it loads SWF2 and lines up the SWF1 function for 12 seconds. And then it will loop from there alternating each SWF.

You can probably refactor it but this basic idea should do the trick.

<script type="text/javascript">
    function showSwf1(){
        swfobject.embedSWF("cu3er.swf", "cu3er-container", "960", "400", "9", "expressInstall.swf", flashvars, attributes);
        setTimeout(showSwf2, 25000);
    }

    function showSwf2(){
        swfobject.embedSWF("printmachine.swf", "cu3er-container", "960", "400" , "0");
        setTimeout(showSwf1, 12000);
    }

    var flashvars = {};
    flashvars.xml = "config.xml";
    flashvars.font = "font.swf";
    var attributes = {};
    attributes.wmode = "transparent";
    attributes.id = "slider";
    showSwf1();
</script>

N.B. Code is untested so apologies for minor typos or anything. Works when processed in my head though. 😉