No worries! If you're using the basic screen provided in the template, then the simplest is to add a "page" variable in the screen, and use that to adjust which images are displayed. I recommend just manually adding the buttons, unless you're familiar with `for` loops already! So, a very basic version might be:
screen gallery():
tag menu
default page = 1
add HBox(Transform("#292835", xsize=350), "#21212db2") # The background; can be whatever
use game_menu(_("Gallery"))
fixed:
style_prefix 'gal'
## Organize the gallery images into a grid
grid 2 2:
if page == 1:
add g.make_button("xia_cg_1", "xia_cg_1_thumb")
add g.make_button("xia_cg_2", "xia_cg_2_thumb")
add g.make_button("xia_cg_3", "xia_cg_3_thumb")
add g.make_button("xia_cg_4", "xia_cg_4_thumb")
elif page == 2:
add g.make_button("zoran_cg_1", "zoran_cg_1_thumb")
add g.make_button("zoran_cg_2", "zoran_cg_2_thumb")
add g.make_button("zoran_cg_3", "zoran_cg_3_thumb")
add g.make_button("zoran_cg_4", "zoran_cg_4_thumb")
# add more elif page == 3 and so on if you have more
hbox:
yalign 1.0
## Either directly set the page, e.g.
textbutton _("Page 1") action SetScreenVariable("page", 1)
## Or have buttons to go to the next/prev page e.g.
if page < 2: # We have 2 pages total
textbutton _("Next") action SetScreenVariable("page", page+1)
if page > 1: # Make sure it doesn't go below 1
textbutton _("Next") action SetScreenVariable("page", page-1)
Hope that helps!