Forum:Temporary forums/Replacing docpic: Difference between revisions

From Tardis Wiki, the free Doctor Who reference
No edit summary
No edit summary
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. Thoughts? [[User:Bongolium500|<span title="aka Bongolium500">Bongo50</span>]] [[User talk:Bongolium500|<span title="talk to me">☎</span>]] <!--~~~~~ (uncoment when posting for real)-->
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>]] 20:49, 23 January 2023 (UTC)

Revision as of 20:49, 23 January 2023

Currently, a number of pages use of {{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 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 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. 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

|image       = <gallery>
Jekyll.jpg|Henry Jekyll
Hyde.jpg|Edward Hyde
</gallery>

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. Thoughts? Bongo50 20:49, 23 January 2023 (UTC)