Some demos and their configurations

A board with a FEN starting position. The PGN contains the FEN part.

<script>
var brd = new Board('fen', {'imagePrefix':'img/zurich/',
'showMovesPane':true,
'commentFontSize':'10pt',
'moveFontColor':'#af0000',
'commentFontColor':"#006699",
'squareSize':'36px',
'markLastMove':false,

'blackSqColor':'url("img/zurich/board/darksquare.gif")',
'lightSqColor':'url("img/zurich/board/lightquare.gif")',

'squareBorder':"0px solid #000000",
'moveBorder':"1px solid #cccccc"
});
brd.init()
</script>


<script>
var brd = new Board('area', {'showMovesPane':true})
brd.init()
</script>



Internationalized and customized board with custom chess set and background images

<script>
var brd = new Board('areaZurich', {'imagePrefix':'img/zurich/',
'showMovesPane':true,
'commentFontSize':'10pt',
'moveFontColor':'#af0000',
'commentFontColor':"#006699",
'squareSize':'36px',
'markLastMove':false,

'blackSqColor':'url("img/zurich/board/darksquare.gif")',
'lightSqColor':'url("img/zurich/board/lightquare.gif")',

'squareBorder':"0px solid #000000",
'altRewind':'Ir al principio',
'altBack':'Una jugada atrás',
'altFlip':'Girar el tablero',
'altShowMoves':'Mostrar el panel de jugadas',
'altComments':'Mostrar comentarios',
'altPlayMove':'Una jugada adelante',
'altFastForward':'Ir al final',
'moveBorder':"1px solid #cccccc"
});
brd.init()
</script>