Image Hover Test Page: Difference between revisions

From ChimniWiki
Jump to navigation Jump to search
(Created page with "{{HoverGallery | main = /wiki/File:Lichfield_Court1.jpg | alt1 = /wiki/File:Lichfield_Court2.jpg | alt2 = /wiki/File:Kits_Close1.jpg | altText1 = Lichfield Court side view | altText2 = Kit's Close interior | width = 400px }}")
 
 
(6 intermediate revisions by the same user not shown)
Line 1: Line 1:
==Basic Hover Gallery==
This uses Template:HoverGallery  and is backed up by CSS code in the MediaWiki:Common.css page.  It has come CSS that enables it to autocycle on mobile (because you can't manage roll-overs on mobile).
{{HoverGallery
{{HoverGallery
| main = /wiki/File:Lichfield_Court1.jpg
| main = AddislandCourt.JPG
| alt1 = /wiki/File:Lichfield_Court2.jpg
| alt1 = RoyalMasonicHospital.jpg
| alt2 = /wiki/File:Kits_Close1.jpg
| alt2 = AdelphiBuilding.jpg
| altText1 = Lichfield Court side view
| alt3 = HooverBuilding.jpg
| altText2 = Kit's Close interior
| width = 400px
| width = 400px
}}
}}
== Custom Rollover Gallery ==
This also has some supporting CSS in the MediaWiki:Common.css page
<div class="gallery">
{{HoverGallery
| main = AddislandCourt.JPG
| alt1 = RoyalMasonicHospital.jpg
| alt2 = AdelphiBuilding.jpg
| alt3 = HooverBuilding.jpg
| width = 300px
}}
{{HoverGallery
| main = Highandover.jpg
| alt1 = TwickenhamHouse2.jpg
| alt2 = ShrubsWood.JPG
| alt3 = CasternHall.jpg
| width = 300px
}}
{{HoverGallery
| main = AdelphiBuilding.jpg
| alt1 = RoyalMasonicHospital.jpg
| alt2 = AddislandCourt.JPG
| alt3 = BBCTelevisionCentre.jpg
| width = 300px
}}
</div>

Latest revision as of 12:29, 31 July 2025


Basic Hover Gallery[edit]

This uses Template:HoverGallery and is backed up by CSS code in the MediaWiki:Common.css page. It has come CSS that enables it to autocycle on mobile (because you can't manage roll-overs on mobile).


Custom Rollover Gallery[edit]

This also has some supporting CSS in the MediaWiki:Common.css page