Template:ImageCarousel: Difference between revisions

Revision as of 18:29, 8 August 2023

Front

A carousel for images listed in the image field; cycles when the arrows are selected.

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

text - optional name of item displayed images - list of images customID - if multiple cycles are needed per page, each needs a different id to work

@@ Line 1: / Line 1: @@
-<includeonly>{|style="height:10px; text-align:center;"
+<includeonly><div>
-|+{{{text|}}}
+{|style="height:10px; text-align:center;"
 |<span>[[File:Tweak_Generic_Arrow_Lesser.svg|32px]]</span><span id="{{{customID|image}}}">{{{images|[[File:Base_Logic_LCD_Circle_Circuit_Node_Front_Render.png|128px]]}}}</span><span>[[File:Tweak_Generic_Arrow_Greater.svg|32px]]</span>
 |-style="height:10px; text-align:center; font-style: italic;"
@@ Line 6: / Line 6: @@
 |-style="text-align:center;"
 |<span>[[File:Image_Carousel_Dot_Off.png|32px]][[File:Image_Carousel_Dot_On.png|32px]][[File:Image_Carousel_Dot_Off.png|32px]]</span>
-|}</includeonly>
+|}</div></includeonly>
 <noinclude>
 {{ImageCarousel|text=Circuit Node|images=[[File:Base_Logic_LCD_Circle_Circuit_Node_Front_Render.png|128px]]|customID=carouselCircuitNode1}}
-Cycles between images listed in the image field, at the specified speed in seconds.
+A carousel for images listed in the image field; cycles when the arrows are selected.
 ==Usage==
 <pre>
-{{ImageCarousel|text=Item Name|images=[[File:Image_1.png]][[File:Image_2.png]][[File:Image_3.png]]|customID=yourCycle}}</pre>
+{{ImageCarousel|images=[[File:Image_1.png]][[File:Image_2.png]][[File:Image_3.png]]|customID=yourCycle}}</pre>
 text - optional name of item displayed