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>
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>
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>
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>