Template:ImageCarousel: Difference between revisions

From Imagisphere
Jump to navigation Jump to search
mNo edit summary
No edit summary
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>

Revision as of 14:56, 9 August 2023


Tweak Generic Arrow Lesser.svg Tweak Generic Arrow Greater.svg

Tweak Generic Arrow Lesser.svg Tweak Generic Arrow Greater.svg


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}}

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