Template:ImageCycle

<script> function imageCycleLoop() {

       image_cycle.replaceChild(image_list[index].cloneNode(true), image_cycle.childNodes[0]);
       
       index++;
 
       if (index >= image_list.length)
           index = 0;

       }

var images = document.getElementById('arcadeCircuitBoard');

       var image_cycle = document.getElementById('arcadeCircuitBoard_cycle');
       var cycle_speed = image_cycle.getAttribute('data-speed');

       var image_list = images.children;

       var index = 1;

       setInterval(imageCycleLoop, 1000 * cycle_speed);   
       image_cycle.appendChild(image_list[0].cloneNode(true));

</script>

Cycles between images listed in the image field, at the specified speed in seconds.

Usage

{{ImageCycle|images=[[File:Image_1.png]][[File:Image_2.png]][[File:Image_3.png]]|speed=1.5|customID=yourCycle}}