Как насчет того, чтобы сделать изображения по умолчанию скрытыми, а в CSS для темы, в которой вы хотите, чтобы они отображались, показать это?
Например:
На вашей главной странице:
<img src="theme1.jpg" alt="" id="theme1fullscreen" style="display: hidden;" />
<img src="theme2.jpg" alt="" id="theme2fullscreen" style="display: hidden;" />
<img src="theme3.jpg" alt="" id="theme3fullscreen" style="display: hidden;" />
В css для темы X:
#themeXfullscreen {
display: block;
height: 100%;
width: 100%;
}
Таким образом, у вас есть изображения и местоположения на главной странице, и вы можете скрыть и показать соответствующее изображение в зависимости от темы.