Template:ImageCycle - Revision history

DokkeFyxen at 16:43, 10 June 2024

2024-06-10T16:43:57Z

← Older revision		Revision as of 16:43, 10 June 2024
Line 18:		Line 18:
	customID - if multiple cycles are needed per page, each needs a different id to work		customID - if multiple cycles are needed per page, each needs a different id to work

	[[Category:~~Templates~~]]		[[Category:Image templates]]
	</noinclude>		</noinclude>

DokkeFyxen at 15:55, 12 February 2024

2024-02-12T15:55:21Z

← Older revision		Revision as of 15:55, 12 February 2024
Line 6:		Line 6:
	Cycles between images listed in the image field, at the specified speed in seconds.		Cycles between images listed in the image field, at the specified speed in seconds.


			[[Special:WhatLinksHere/Template:ImageCycle\|Pages that use this template]]
	==Usage==		==Usage==
	<pre>		<pre>

DokkeFyxen at 21:12, 2 August 2023

2023-08-02T21:12:44Z

← Older revision		Revision as of 21:12, 2 August 2023
Line 1:		Line 1:
	<includeonly>		<includeonly><span id="{{{customID\|image}}}" style="display: none;">{{{images\|[[File:Arcade_DC6A_Circuit_Board_Right_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Front_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Left_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Front_Render.png\|128px]]}}}</span><span id="{{{customID\|image}}}_cycle" data-speed="{{{speed\|1.0}}}"></span><span id="cycleScript" data-id="{{{customID\|image}}}"></span></includeonly>
	<span id="{{{customID\|image}}}" style="display: none;">{{{images\|[[File:Arcade_DC6A_Circuit_Board_Right_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Front_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Left_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Front_Render.png\|128px]]}}}</span><span id="{{{customID\|image}}}_cycle" data-speed="{{{speed\|1.0}}}"></span><~~div~~ id="cycleScript" data-id="{{{customID\|image}}}"></~~div~~></includeonly>
	<noinclude>		<noinclude>

	{{ImageCycle\|images=[[File:Arcade_DC6A_Circuit_Board_Right_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Front_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Left_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Front_Render.png\|128px]]\|speed=1.5\|customID=~~arcadeCircuitBoard~~}}		{{ImageCycle\|images=[[File:Arcade_DC6A_Circuit_Board_Right_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Front_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Left_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Front_Render.png\|128px]]\|speed=1\|customID=arcadeCircuitBoard1}}{{ImageCycle\|images=[[File:Arcade_DC6A_Circuit_Board_Right_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Front_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Left_Render.png\|128px]]\|speed=1.5\|customID=arcadeCircuitBoard2}}

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

Bog: /* Usage */

2023-08-02T20:50:52Z

Usage

← Older revision		Revision as of 20:50, 2 August 2023
Line 12:		Line 12:

	images - list of images		images - list of images

	speed - how long until it cycles to the next image (seconds)		speed - how long until it cycles to the next image (seconds)

	customID - if multiple cycles are needed per page, each needs a different id to work		customID - if multiple cycles are needed per page, each needs a different id to work

	[[Category:Templates]]		[[Category:Templates]]
	</noinclude>		</noinclude>

Bog at 20:50, 2 August 2023

2023-08-02T20:50:39Z

← Older revision		Revision as of 20:50, 2 August 2023
Line 10:		Line 10:
	<pre>		<pre>
	{{ImageCycle\|images=[[File:Image_1.png]][[File:Image_2.png]][[File:Image_3.png]]\|speed=1.5\|customID=yourCycle}}</pre>		{{ImageCycle\|images=[[File:Image_1.png]][[File:Image_2.png]][[File:Image_3.png]]\|speed=1.5\|customID=yourCycle}}</pre>

			images - list of images
			speed - how long until it cycles to the next image (seconds)
			customID - if multiple cycles are needed per page, each needs a different id to work

	[[Category:Templates]]		[[Category:Templates]]
	</noinclude>		</noinclude>

Bog at 20:43, 2 August 2023

2023-08-02T20:43:11Z

← Older revision		Revision as of 20:43, 2 August 2023
Line 1:		Line 1:
	<includeonly>		<includeonly>
	<span id="{{{customID\|image}}}" style="display: none;">{{{images\|[[File:Arcade_DC6A_Circuit_Board_Right_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Front_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Left_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Front_Render.png\|128px]]}}}</span><span id="{{{customID\|image}}}_cycle" data-speed="{{{speed\|1.0}}}"></span><div id="cycleScript" data-id="{{{customID\|image}}}"/></includeonly>		<span id="{{{customID\|image}}}" style="display: none;">{{{images\|[[File:Arcade_DC6A_Circuit_Board_Right_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Front_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Left_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Front_Render.png\|128px]]}}}</span><span id="{{{customID\|image}}}_cycle" data-speed="{{{speed\|1.0}}}"></span><div id="cycleScript" data-id="{{{customID\|image}}}"></div></includeonly>
	<noinclude>		<noinclude>

Bog at 20:37, 2 August 2023

2023-08-02T20:37:31Z

← Older revision		Revision as of 20:37, 2 August 2023
Line 1:		Line 1:
	<includeonly>		<includeonly>
	<span id="{{{customID\|~~images~~}}}" style="display: none;">{{{images\|[[File:Arcade_DC6A_Circuit_Board_Right_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Front_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Left_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Front_Render.png\|128px]]}}}</span><span id="{{{customID\|image}}}_cycle" data-speed="{{{speed\|1.0}}}"></span></includeonly>		<span id="{{{customID\|image}}}" style="display: none;">{{{images\|[[File:Arcade_DC6A_Circuit_Board_Right_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Front_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Left_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Front_Render.png\|128px]]}}}</span><span id="{{{customID\|image}}}_cycle" data-speed="{{{speed\|1.0}}}"></span><div id="cycleScript" data-id="{{{customID\|image}}}"/></includeonly>
	<noinclude>		<noinclude>

Bog at 20:12, 2 August 2023

2023-08-02T20:12:40Z

← Older revision		Revision as of 20:12, 2 August 2023
Line 1:		Line 1:
	<includeonly>		<includeonly>
	<span id="{{{customID\|images}}}" style="display: none;">{{{images\|[[File:Arcade_DC6A_Circuit_Board_Right_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Front_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Left_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Front_Render.png\|128px]]}}}</span><span id="{{{customID\|image}}}_cycle" data-speed="{{{speed\|1.0}}}"></span~~><templatestyles src="Template:MyTemplate/Script.js" data-imagesID="{{{customID\|images}}}" data-imageCycleID="{{{customID\|image}}}_cycle" /~~></includeonly>		<span id="{{{customID\|images}}}" style="display: none;">{{{images\|[[File:Arcade_DC6A_Circuit_Board_Right_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Front_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Left_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Front_Render.png\|128px]]}}}</span><span id="{{{customID\|image}}}_cycle" data-speed="{{{speed\|1.0}}}"></span></includeonly>
	<noinclude>		<noinclude>

Bog at 19:46, 2 August 2023

2023-08-02T19:46:33Z

@@ Line 1: / Line 1: @@
 <includeonly>
-<span id="{{{customID|images}}}" style="display: none;">{{{images|[[File:Arcade_DC6A_Circuit_Board_Right_Render.png|128px]][[File:Arcade_DC6A_Circuit_Board_Front_Render.png|128px]][[File:Arcade_DC6A_Circuit_Board_Left_Render.png|128px]][[File:Arcade_DC6A_Circuit_Board_Front_Render.png|128px]]}}}</span><span id="{{{customID|image}}}_cycle" data-speed="{{{speed|1.0}}}"></span><script>
+<span id="{{{customID|images}}}" style="display: none;">{{{images|[[File:Arcade_DC6A_Circuit_Board_Right_Render.png|128px]][[File:Arcade_DC6A_Circuit_Board_Front_Render.png|128px]][[File:Arcade_DC6A_Circuit_Board_Left_Render.png|128px]][[File:Arcade_DC6A_Circuit_Board_Front_Render.png|128px]]}}}</span><span id="{{{customID|image}}}_cycle" data-speed="{{{speed|1.0}}}"></span><templatestyles src="Template:MyTemplate/Script.js" data-imagesID="{{{customID|images}}}" data-imageCycleID="{{{customID|image}}}_cycle" /></includeonly>
 <noinclude>

Bog at 19:22, 2 August 2023

2023-08-02T19:22:39Z

← Older revision		Revision as of 19:22, 2 August 2023
Line 1:		Line 1:
	<includeonly><span id="{{{customID\|images}}}" style="display: none;">{{{images\|[[File:Arcade_DC6A_Circuit_Board_Right_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Front_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Left_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Front_Render.png\|128px]]}}}</span><span id="{{{customID\|image}}}_cycle" data-speed="{{{speed\|1.0}}}"></span></includeonly>		<includeonly>
			<span id="{{{customID\|images}}}" style="display: none;">{{{images\|[[File:Arcade_DC6A_Circuit_Board_Right_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Front_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Left_Render.png\|128px]][[File:Arcade_DC6A_Circuit_Board_Front_Render.png\|128px]]}}}</span><span id="{{{customID\|image}}}_cycle" data-speed="{{{speed\|1.0}}}"></span><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('{{{customID\|images}}}');
			var image_cycle = document.getElementById('{{{customID\|image}}}_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>
			</includeonly>
	<noinclude>		<noinclude>