Tech, emailconfirmed, Administrators (Semantic MediaWiki), Curators (Semantic MediaWiki), Administrators
12,486
edits
Forum:Temporary forums/Replacing docpic (view source)
Revision as of 20:44, 23 January 2023
, 23 January 2023no edit summary
Bongolium500 (talk | contribs) (Created page with "Currently, a number of pages use of {{tlx|docpic}} and 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 annoy issues. Firstly, it can cause the loading of pages to be very slow on less powerful computers and, even after load...") |
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 annoy 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 annoy 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 | 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. | ||
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 | ||
| Line 10: | Line 10: | ||
in the infobox. This is also much more extendable than the slide show templates, allowing new images to be added and multiple images to be introduced on new pages much more easily. It also removes any issues with adjusting timings (which can only be done via CSS) as this is no longer relevant. | in the infobox. This is also much more extendable than the slide show templates, allowing new images to be added and multiple images to be introduced on new pages much more easily. It also removes any issues with adjusting timings (which can only be done via CSS) as this is no longer relevant. | ||
I hope that this proposal can be passed quickly as I feel it is relatively trivial, but we'll see. | I hope that this proposal can be passed quickly as I feel it is relatively trivial, but we'll see. Thoughts? [[User:Bongolium500|<span title="aka Bongolium500">Bongo50</span>]] [[User talk:Bongolium500|<span title="talk to me">☎</span>]] <!--~~~~~ (uncoment when posting for real)--> | ||