Single Comment

I think Lev's talking about giving the user the choice of which set to see: push a button for Alfaerie, another for Galactic, another for Greenwade, another for Grigoriev, etc., as is done on many Interactive Diagrams

I have done this in two different ways. For Ultima, I have had the button change multiple values with code like this:

<input type="button" value="Abstract" onclick="graphDir='/play/pbm/showpiece.php?black=dd4433&image=/graphics.dir/abstract/new/';whitePrefix='W';blackPrefix='B';light='#CCCC11';dark='#339933';sqrSize='50';imag[1]='UltimaPawn.gif';imag[2]='Withdrawer.gif';imag[3]='Longleaper.gif';imag[4]='Coordinator.gif';imag[5]='Chameleon.gif';imag[6]='Immobilizer.gif';imag[7]='King.gif';Display();">
<input type="button" value="Alfaerie Animals" onclick="graphDir='https://www.chessvariants.com/graphics.dir/alfaeriePNG/';whitePrefix='w';blackPrefix='b';light='#DDDDD0';dark='#559933';sqrSize='50';imag[1]='pincerpawn.png';imag[2]='ox.png';imag[3]='kangaroo.png';imag[4]='windmill.png';imag[5]='lizard.png';imag[6]='spider.png';imag[7]='king.png';Display();">
<input type="button" value="Alfaerie Queens" onclick="graphDir='https://www.chessvariants.org/graphics.dir/alfaeriePNG/';whitePrefix='w';blackPrefix='b';light='#DDDDD0';dark='#559933';sqrSize='50';imag[1]='templar.png';imag[2]='withdrawer.png';imag[3]='longleaper.png';imag[4]='coordinator2.png';imag[5]='chameleon.png';imag[6]='immobilizer.png';imag[7]='king.png';Display();">
<input type="button" value="Alfaerie Chess" onclick="graphDir='/graphics.dir/alfaeriePNG/';whitePrefix='w';blackPrefix='b';light='#DDDDD0';dark='#559933';sqrSize='50';imag[1]='pawn.png';imag[2]='queen.png';imag[3]='knight.png';imag[4]='rook.png';imag[5]='bishop.png';imag[6]='rookinv.png';imag[7]='king.png';Display();">
<input type="button" value="Ultima-Alt" onclick="graphDir='/graphics.dir/ultima-alt/';whitePrefix='w';blackPrefix='b';light='#EEEECC';dark='#226822';sqrSize='50';imag[1]='pawn.gif';imag[2]='withdrawer.gif';imag[3]='longleaper.gif';imag[4]='coordinator.gif';imag[5]='chameleon.gif';imag[6]='immobilizer.gif';imag[7]='king.gif';Display();">

Since three of these sets used pieces from the same directory, I wrote it differently each time to force a complete change of values, as it will not update some values unless graphDir changes its value.

With Fischer Random Chess, I have used /play/pbm/showpiece.php with different Game Courier sets, using this code:

<input type="button" value="Abstract" onclick="graphDir='/play/pbm/showpiece.php?size=50%26set=abstract%26piece=';light='#CCCC11';dark='#339933';Display();">
<input type="button" value="Alfaerie" onclick="graphDir='/play/pbm/showpiece.php?set=alfaerie%26piece=';light='#DDDDD0';dark='#559933';Display();">
<input type="button" value="Magnetic" onclick="graphDir='/play/pbm/showpiece.php?size=50%26set=magnetic%26piece=';light='#EEEECC';dark='#226822';Display();">
<input type="button" value="Motif" onclick="graphDir='/play/pbm/showpiece.php?size=50%26set=motif%26piece=';light='#CCCC11';dark='#339933';Display();">

I specified the size for sets whose images come in varying sizes matching the actual image. With this information, it will pad smaller images to match the desired size, which makes them work better as background images.