Image Hover Test Page: Difference between revisions

From ChimniWiki
Jump to navigation Jump to search
No edit summary
 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:




== Test HoverGallery ==
 
==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
| main = AddislandCourt.JPG
| alt1 = RoyalMasonicHospital.jpg
| alt2 = AdelphiBuilding.jpg
| alt3 = HooverBuilding.jpg
| width = 400px
}}
 
 
== Custom Rollover Gallery ==
 
This also has some supporting CSS in the MediaWiki:Common.css page
 
<div class="gallery">


{{HoverGallery
{{HoverGallery
  | main = File:Example.jpg
  | main = AddislandCourt.JPG
  | alt1 = File:Example.jpg
| alt1 = RoyalMasonicHospital.jpg
  | width = 400px
  | 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