Template:ImageCarousel - Revision history

DokkeFyxen at 18:32, 18 June 2024

2024-06-18T18:32:09Z

← Older revision		Revision as of 18:32, 18 June 2024
Line 1:		Line 1:
	<includeonly><div class="imagecarousel" style="text-align:center;"><span class="imagecarousel-text">{{{title\|Top Text}}}</span>		<includeonly><div class="imagecarousel" style="text-align:center;"><span class="imagecarousel-text">{{{title\|Top Text}}}</span>
	<span id="{{{customID\|imageCarousel}}}_Left" style="cursor: pointer;">[[File:Tweak_Generic_Arrow_Lesser.svg\|32px\|link=]]		<span id="{{{customID\|imageCarousel}}}_Left" style="cursor: pointer;">[[File:Tweak_Generic_Arrow_Lesser.svg\|class=invert\|32px\|link=]]
	</span>		</span>
	<span id="{{{customID\|imageCarousel}}}_Images" style="display: none;">{{{images\|[[File:Base_Logic_LCD_Circle_Circuit_Node_Front_Render.png\|128px]]}}}</span>		<span id="{{{customID\|imageCarousel}}}_Images" style="display: none;">{{{images\|[[File:Base_Logic_LCD_Circle_Circuit_Node_Front_Render.png\|128px]]}}}</span>
	<span id="{{{customID\|imageCarousel}}}_ImageDisplay"></span>		<span id="{{{customID\|imageCarousel}}}_ImageDisplay"></span>
	<span id="{{{customID\|imageCarousel}}}_Right"style="cursor: pointer;">[[File:Tweak_Generic_Arrow_Greater.svg\|32px\|link=]]		<span id="{{{customID\|imageCarousel}}}_Right"style="cursor: pointer;">[[File:Tweak_Generic_Arrow_Greater.svg\|class=invert\|32px\|link=]]
	</span>		</span>
	<span id="{{{customID\|imageCarousel}}}_DotOff" style="display: none;">[[File:Image_Carousel_Dot_Off.png\|32px\|link=]]</span>		<span id="{{{customID\|imageCarousel}}}_DotOff" style="display: none;">[[File:Image_Carousel_Dot_Off.png\|class=invert\|32px\|link=]]</span>
	<span id="{{{customID\|imageCarousel}}}_DotOn" style="display: none;">[[File:Image_Carousel_Dot_On.png\|32px\|link=]]</span>		<span id="{{{customID\|imageCarousel}}}_DotOn" style="display: none;">[[File:Image_Carousel_Dot_On.png\|class=invert\|32px\|link=]]</span>
	<div align="center" id="{{{customID\|imageCarousel}}}_DotsRow"></div>		<div align="center" id="{{{customID\|imageCarousel}}}_DotsRow"></div>
	<span id="carouselScript" data-id="{{{customID\|image}}}"></span>		<span id="carouselScript" data-id="{{{customID\|image}}}"></span>
Line 19:		Line 19:


	[[Special:WhatLinksHere/~~Template:ImageCarousel~~\|Pages that use this template]]		''[[Special:WhatLinksHere/{{FULLPAGENAMEE}}\|Pages that use this template]]''
	==Usage==		==Usage==
	<pre>		<pre>

DokkeFyxen at 16:43, 10 June 2024

2024-06-10T16:43:49Z

← Older revision		Revision as of 16:43, 10 June 2024
Line 30:		Line 30:
	title - text displayed above the carousel		title - text displayed above the carousel

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

DokkeFyxen at 15:54, 12 February 2024

2024-02-12T15:54:49Z

← Older revision		Revision as of 15:54, 12 February 2024
Line 18:		Line 18:
	Clicking a dot will take you to that item in the list of images.		Clicking a dot will take you to that item in the list of images.


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

DokkeFyxen at 21:45, 9 August 2023

2023-08-09T21:45:59Z

← Older revision		Revision as of 21:45, 9 August 2023
Line 12:		Line 12:
	</div></includeonly>		</div></includeonly>
	<noinclude>		<noinclude>
	{{ImageCarousel~~\|text=Circuit Node~~\|images=[[File:~~Base_Logic_LCD_Circle_Circuit_Node_Front_Render~~.png\|128px]][[File:~~Image_Carousel_Dot_On~~.png\|128px]][[File:~~Image_Carousel_Dot_Off~~.png\|128px]]\|customID=~~carouselCircuitNode1~~\|title=~~Top Text~~}}		{{ImageCarousel\|images=[[File:Base_Logic_LCD_Circle_Circuit_Node_Right_Render.png\|128px]][[File:Base_Logic_LCD_Circle_Circuit_Node_Front_Render.png\|128px]][[File:Base_Logic_LCD_Circle_Circuit_Node_Left_Render.png\|128px]]\|customID=carouselCircuitNode\|title=Circuit Node}}
	{{ImageCarousel\|~~text~~=~~Circuit Node~~\|~~images=~~[[File:~~Base_Logic_LCD_Circle_Circuit_Node_Front_Render~~.png\|128px]][[File:~~Image_Carousel_Dot_On~~.png\|128px]]\|customID=~~carouselCircuitNode2~~\|title=~~Bottom Text~~}}		{{ImageCarousel\|images=[[File:Arcade_Direct_Control_Seat_Right_Render.png\|128px]][[File:Arcade_Direct_Control_Seat_Front_Render.png\|128px]][[File:Arcade_Direct_Control_Seat_Left_Render.png\|128px]][[File:Arcade_Direct_Control_Seat_Bottom_Render.png\|128px]]\|customID=carouselDirectControlPrompt\|title=Direct Control Prompt}}

	A carousel for images listed in the image field; cycles between images when the arrows are selected.		A carousel for images listed in the image field; cycles between images when the arrows are selected.
			Clicking a dot will take you to that item in the list of images.

	==Usage==		==Usage==
	<pre>		<pre>
	{{ImageCarousel\|images=[[File:Image_1.png]][[File:Image_2.png]][[File:Image_3.png]]\|customID=yourCarousel\|title=Top Text}}</pre>		{{ImageCarousel\|images=[[File:Image_1.png]][[File:Image_2.png]][[File:Image_3.png]]\|customID=yourCarousel\|title=Top Text}}</pre>

	~~text - optional name of item displayed~~

	images - list of images		images - list of images

Bog at 16:59, 9 August 2023

2023-08-09T16:59:16Z

← Older revision		Revision as of 16:59, 9 August 2023
Line 1:		Line 1:
	<includeonly><div class="imagecarousel"><span class="imagecarousel-text">{{{title\|Top Text}}}</span>		<includeonly><div class="imagecarousel" style="text-align:center;"><span class="imagecarousel-text">{{{title\|Top Text}}}</span>
	<span id="{{{customID\|imageCarousel}}}_Left" style="cursor: pointer;">[[File:Tweak_Generic_Arrow_Lesser.svg\|32px\|link=]]		<span id="{{{customID\|imageCarousel}}}_Left" style="cursor: pointer;">[[File:Tweak_Generic_Arrow_Lesser.svg\|32px\|link=]]
	</span>		</span>

Bog at 16:57, 9 August 2023

2023-08-09T16:57:56Z

← Older revision		Revision as of 16:57, 9 August 2023
Line 1:		Line 1:
	<includeonly><div class="imagecarousel"><~~h1 style~~="text~~-align:center;~~">{{{title\|Top Text}}}</h1>		<includeonly><div class="imagecarousel"><span class="imagecarousel-text">{{{title\|Top Text}}}</span>
	<span id="{{{customID\|imageCarousel}}}_Left" style="cursor: pointer;">[[File:Tweak_Generic_Arrow_Lesser.svg\|32px\|link=]]		<span id="{{{customID\|imageCarousel}}}_Left" style="cursor: pointer;">[[File:Tweak_Generic_Arrow_Lesser.svg\|32px\|link=]]
	</span>		</span>

Bog at 16:54, 9 August 2023

2023-08-09T16:54:08Z

← Older revision		Revision as of 16:54, 9 August 2023
Line 1:		Line 1:
	<includeonly><div class="imagecarousel">		<includeonly><div class="imagecarousel"><h1 style="text-align:center;">{{{title\|Top Text}}}</h1>
	<span id="{{{customID\|imageCarousel}}}_Left" style="cursor: pointer;">[[File:Tweak_Generic_Arrow_Lesser.svg\|32px\|link=]]		<span id="{{{customID\|imageCarousel}}}_Left" style="cursor: pointer;">[[File:Tweak_Generic_Arrow_Lesser.svg\|32px\|link=]]
	</span>		</span>
Line 12:		Line 12:
	</div></includeonly>		</div></includeonly>
	<noinclude>		<noinclude>
	{{ImageCarousel\|text=Circuit Node\|images=[[File:Base_Logic_LCD_Circle_Circuit_Node_Front_Render.png\|128px]][[File:Image_Carousel_Dot_On.png\|128px]][[File:Image_Carousel_Dot_Off.png\|128px]]\|customID=carouselCircuitNode1}}		{{ImageCarousel\|text=Circuit Node\|images=[[File:Base_Logic_LCD_Circle_Circuit_Node_Front_Render.png\|128px]][[File:Image_Carousel_Dot_On.png\|128px]][[File:Image_Carousel_Dot_Off.png\|128px]]\|customID=carouselCircuitNode1\|title=Top Text}}
	{{ImageCarousel\|text=Circuit Node\|images=[[File:Base_Logic_LCD_Circle_Circuit_Node_Front_Render.png\|128px]][[File:Image_Carousel_Dot_On.png\|128px]]\|customID=carouselCircuitNode2}}		{{ImageCarousel\|text=Circuit Node\|images=[[File:Base_Logic_LCD_Circle_Circuit_Node_Front_Render.png\|128px]][[File:Image_Carousel_Dot_On.png\|128px]]\|customID=carouselCircuitNode2\|title=Bottom Text}}

	A carousel for images listed in the image field; cycles between images when the arrows are selected.		A carousel for images listed in the image field; cycles between images when the arrows are selected.
Line 19:		Line 19:
	==Usage==		==Usage==
	<pre>		<pre>
	{{ImageCarousel\|images=[[File:Image_1.png]][[File:Image_2.png]][[File:Image_3.png]]\|customID=yourCarousel}}</pre>		{{ImageCarousel\|images=[[File:Image_1.png]][[File:Image_2.png]][[File:Image_3.png]]\|customID=yourCarousel\|title=Top Text}}</pre>

	text - optional name of item displayed		text - optional name of item displayed
Line 26:		Line 26:

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

			title - text displayed above the carousel

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

Bog at 15:12, 9 August 2023

2023-08-09T15:12:22Z

← Older revision		Revision as of 15:12, 9 August 2023
Line 12:		Line 12:
	</div></includeonly>		</div></includeonly>
	<noinclude>		<noinclude>
	{{ImageCarousel\|text=Circuit Node\|images=[[File:Base_Logic_LCD_Circle_Circuit_Node_Front_Render.png\|128px]][[File:Image_Carousel_Dot_On.png\|128px]]\|customID=carouselCircuitNode1}}		{{ImageCarousel\|text=Circuit Node\|images=[[File:Base_Logic_LCD_Circle_Circuit_Node_Front_Render.png\|128px]][[File:Image_Carousel_Dot_On.png\|128px]][[File:Image_Carousel_Dot_Off.png\|128px]]\|customID=carouselCircuitNode1}}
	{{ImageCarousel\|text=Circuit Node\|images=[[File:Base_Logic_LCD_Circle_Circuit_Node_Front_Render.png\|128px]][[File:Image_Carousel_Dot_On.png\|128px]]\|customID=carouselCircuitNode2}}		{{ImageCarousel\|text=Circuit Node\|images=[[File:Base_Logic_LCD_Circle_Circuit_Node_Front_Render.png\|128px]][[File:Image_Carousel_Dot_On.png\|128px]]\|customID=carouselCircuitNode2}}

Bog at 14:56, 9 August 2023

2023-08-09T14:56:23Z

← Older revision		Revision as of 14:56, 9 August 2023
Line 8:		Line 8:
	<span id="{{{customID\|imageCarousel}}}_DotOff" style="display: none;">[[File:Image_Carousel_Dot_Off.png\|32px\|link=]]</span>		<span id="{{{customID\|imageCarousel}}}_DotOff" style="display: none;">[[File:Image_Carousel_Dot_Off.png\|32px\|link=]]</span>
	<span id="{{{customID\|imageCarousel}}}_DotOn" style="display: none;">[[File:Image_Carousel_Dot_On.png\|32px\|link=]]</span>		<span id="{{{customID\|imageCarousel}}}_DotOn" style="display: none;">[[File:Image_Carousel_Dot_On.png\|32px\|link=]]</span>
	<~~span~~ id="{{{customID\|imageCarousel}}}_DotsRow"></~~span~~>		<div align="center" id="{{{customID\|imageCarousel}}}_DotsRow"></div>
	<span id="carouselScript" data-id="{{{customID\|image}}}"></span>		<span id="carouselScript" data-id="{{{customID\|image}}}"></span>
	</div></includeonly>		</div></includeonly>

DokkeFyxen at 02:26, 9 August 2023

2023-08-09T02:26:42Z

← Older revision		Revision as of 02:26, 9 August 2023
Line 1:		Line 1:
	<includeonly>		<includeonly><div class="imagecarousel">
	<div class="imagecarousel~~" style="margin-top:-50px~~">
	<span id="{{{customID\|imageCarousel}}}_Left" style="cursor: pointer;">[[File:Tweak_Generic_Arrow_Lesser.svg\|32px\|link=]]		<span id="{{{customID\|imageCarousel}}}_Left" style="cursor: pointer;">[[File:Tweak_Generic_Arrow_Lesser.svg\|32px\|link=]]
	</span>		</span>
Line 11:		Line 10:
	<span id="{{{customID\|imageCarousel}}}_DotsRow"></span>		<span id="{{{customID\|imageCarousel}}}_DotsRow"></span>
	<span id="carouselScript" data-id="{{{customID\|image}}}"></span>		<span id="carouselScript" data-id="{{{customID\|image}}}"></span>
	</div>		</div></includeonly>
	</includeonly>
	<noinclude>		<noinclude>
	{{ImageCarousel\|text=Circuit Node\|images=[[File:Base_Logic_LCD_Circle_Circuit_Node_Front_Render.png\|128px]][[File:Image_Carousel_Dot_On.png\|128px]]\|customID=carouselCircuitNode1}}		{{ImageCarousel\|text=Circuit Node\|images=[[File:Base_Logic_LCD_Circle_Circuit_Node_Front_Render.png\|128px]][[File:Image_Carousel_Dot_On.png\|128px]]\|customID=carouselCircuitNode1}}

← Older revision		Revision as of 18:32, 18 June 2024
Line 1:		Line 1:
	<includeonly><div class="imagecarousel" style="text-align:center;"><span class="imagecarousel-text">{{{title\|Top Text}}}</span>		<includeonly><div class="imagecarousel" style="text-align:center;"><span class="imagecarousel-text">{{{title\|Top Text}}}</span>
	<span id="{{{customID\|imageCarousel}}}_Left" style="cursor: pointer;">[[File:Tweak_Generic_Arrow_Lesser.svg\|32px\|link=]]		<span id="{{{customID\|imageCarousel}}}_Left" style="cursor: pointer;">[[File:Tweak_Generic_Arrow_Lesser.svg\|class=invert\|32px\|link=]]
	</span>		</span>
	<span id="{{{customID\|imageCarousel}}}_Images" style="display: none;">{{{images\|[[File:Base_Logic_LCD_Circle_Circuit_Node_Front_Render.png\|128px]]}}}</span>		<span id="{{{customID\|imageCarousel}}}_Images" style="display: none;">{{{images\|[[File:Base_Logic_LCD_Circle_Circuit_Node_Front_Render.png\|128px]]}}}</span>
	<span id="{{{customID\|imageCarousel}}}_ImageDisplay"></span>		<span id="{{{customID\|imageCarousel}}}_ImageDisplay"></span>
	<span id="{{{customID\|imageCarousel}}}_Right"style="cursor: pointer;">[[File:Tweak_Generic_Arrow_Greater.svg\|32px\|link=]]		<span id="{{{customID\|imageCarousel}}}_Right"style="cursor: pointer;">[[File:Tweak_Generic_Arrow_Greater.svg\|class=invert\|32px\|link=]]
	</span>		</span>
	<span id="{{{customID\|imageCarousel}}}_DotOff" style="display: none;">[[File:Image_Carousel_Dot_Off.png\|32px\|link=]]</span>		<span id="{{{customID\|imageCarousel}}}_DotOff" style="display: none;">[[File:Image_Carousel_Dot_Off.png\|class=invert\|32px\|link=]]</span>
	<span id="{{{customID\|imageCarousel}}}_DotOn" style="display: none;">[[File:Image_Carousel_Dot_On.png\|32px\|link=]]</span>		<span id="{{{customID\|imageCarousel}}}_DotOn" style="display: none;">[[File:Image_Carousel_Dot_On.png\|class=invert\|32px\|link=]]</span>
	<div align="center" id="{{{customID\|imageCarousel}}}_DotsRow"></div>		<div align="center" id="{{{customID\|imageCarousel}}}_DotsRow"></div>
	<span id="carouselScript" data-id="{{{customID\|image}}}"></span>		<span id="carouselScript" data-id="{{{customID\|image}}}"></span>
Line 19:		Line 19:


	[[Special:WhatLinksHere/~~Template:ImageCarousel~~\|Pages that use this template]]		''[[Special:WhatLinksHere/{{FULLPAGENAMEE}}\|Pages that use this template]]''
	==Usage==		==Usage==
	<pre>		<pre>

← Older revision		Revision as of 14:56, 9 August 2023
Line 8:		Line 8:
	<span id="{{{customID\|imageCarousel}}}_DotOff" style="display: none;">[[File:Image_Carousel_Dot_Off.png\|32px\|link=]]</span>		<span id="{{{customID\|imageCarousel}}}_DotOff" style="display: none;">[[File:Image_Carousel_Dot_Off.png\|32px\|link=]]</span>
	<span id="{{{customID\|imageCarousel}}}_DotOn" style="display: none;">[[File:Image_Carousel_Dot_On.png\|32px\|link=]]</span>		<span id="{{{customID\|imageCarousel}}}_DotOn" style="display: none;">[[File:Image_Carousel_Dot_On.png\|32px\|link=]]</span>
	<~~span~~ id="{{{customID\|imageCarousel}}}_DotsRow"></~~span~~>		<div align="center" id="{{{customID\|imageCarousel}}}_DotsRow"></div>
	<span id="carouselScript" data-id="{{{customID\|image}}}"></span>		<span id="carouselScript" data-id="{{{customID\|image}}}"></span>
	</div></includeonly>		</div></includeonly>