Template:ImageCarousel: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| 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> | ||
Revision as of 16:54, 9 August 2023
Top Text
Bottom Text
A carousel for images listed in the image field; cycles between images when the arrows are selected.
Usage
{{ImageCarousel|images=[[File:Image_1.png]][[File:Image_2.png]][[File:Image_3.png]]|customID=yourCarousel|title=Top Text}}
text - optional name of item displayed
images - list of images
customID - if multiple carousels are needed per page, each needs a different id to work
title - text displayed above the carousel