Tech, emailconfirmed, Administrators (Semantic MediaWiki), Curators (Semantic MediaWiki), Administrators
12,488
edits
Forum:Temporary forums/Replacing docpic: Difference between revisions
From Tardis Wiki, the free Doctor Who reference
Forum:Temporary forums/Replacing docpic (view source)
Revision as of 20:51, 23 January 2023
, 23 January 2023no edit summary
Bongolium500 (talk | contribs) mNo edit summary |
Bongolium500 (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
Currently, a number of pages use of {{tlx|docpic}} and [[:category:Infobox image templates|similar templates]] to produce rotating slideshows of images in the infobox. This is better than just having a single image in the infobox as it allows us to better represent the subject matter when they have multiple incarnations. However, it leads to some very annoying issues. | Currently, a number of pages use of {{tlx|docpic}} and [[:category:Infobox image templates|similar templates]] to produce rotating slideshows of images in the infobox. This is better than just having a single image in the infobox as it allows us to better represent the subject matter when they have multiple incarnations. However, it leads to some very annoying issues. | ||
Firstly, it can cause the loading of pages to be very slow on less powerful computers and, even after loading, remain stuttery and cause the slowdown of the entire page. Secondly and perhaps more quantifiable and significant is how these templates display on mobile. Take a look at [https://tardis.fandom.com/wiki/The_Doctor?useskin=fandommobile the Doctor's page with the mobile skin]. As you can see, images appear stacked on top of each other, taking up a lot of space. This leads to none of the actual infobox being visible when semi-collapsed which defeats the whole point of having a semi-collapsed state. The effect is worse on mobile devices where screen real-estate is at a premium. | Firstly, it can cause the loading of pages to be very slow on less powerful computers and, even after loading, remain stuttery and cause the slowdown of the entire page. Secondly and perhaps more quantifiable and significant is how these templates display on mobile. Take a look at [https://tardis.fandom.com/wiki/The_Doctor?useskin=fandommobile the Doctor's page with the mobile skin]. As you can see, images appear stacked on top of each other, taking up a lot of vertical space. This leads to none of the actual infobox being visible when semi-collapsed which defeats the whole point of having a semi-collapsed state. The effect is worse on mobile devices where screen real-estate is at a premium. | ||
The solution is to replace these with tabbed galleries. These are already in place on a handful of pages, such as [[Henry Jekyll and Edward Hyde]], and entirely fix both of the issues I presented above. [https://tardis.fandom.com/wiki/Henry_Jekyll_and_Edward_Hyde?useskin=fandommobile Notice how the images appear side-by-side on mobile]. If they cross the width of the screen, they become scrollable horizontally which is far easier to navigate and takes up far less space. Creating this effect is easy, simply requiring placing something like | The solution is to replace these with tabbed galleries. These are already in place on a handful of pages, such as [[Henry Jekyll and Edward Hyde]], and entirely fix both of the issues I presented above. [https://tardis.fandom.com/wiki/Henry_Jekyll_and_Edward_Hyde?useskin=fandommobile Notice how the images appear side-by-side on mobile]. If they cross the width of the screen, they become scrollable horizontally which is far easier to navigate and takes up far less space. Creating this effect is easy, simply requiring placing something like | ||
