Board without pieces

[florianingerl]

Hello Chris,
I tried to use the library and wrote this code

`

<title>Test chessboard.js</title>

<div id="myBoard" style="width: 400px"></div>

<script src="jquery-3.6.3/jquery-3.6.3.js"></script>
<script src="chessboardjs-1.0.0/js/chessboard-1.0.0.js"></script>
<script>
    var ruyLopez = 'r1bqkbnr/pppp1ppp/2n5/1B2p3/4P3/5N2/PPPP1PPP/RNBQK2R'
    var board = Chessboard('myBoard', ruyLopez)
</script>

`

But if I do it, the board is empty.
I'm not that familiar with JavaScript. Can you add some documentation somewhere of how to correctly use the library.

[juangocc]

You need to add css style : <link rel="stylesheet" href="css/chessboard-1.0.0.css">

[stfngnsch]

I have the same problem, the images of the pieces can't load.

Firefox writes this error: TypeError: a.default.detectStore(...) is undefined

[Konan931]

@stfngnsch Did you tried to use:

var board = Chessboard('newBoard', {
  position: {custom},
  pieceTheme: 'https://cdnjs.cloudflare.com/ajax/libs/chessboard.js/1.0.0/img/chesspieces/wikipedia/{piece}.png'
});

?

@juangocc This is about an javascript-issue - not about css-styling rules (even if css has some animation properties that won't apply here), so implementing the css part won't help quiet much much here unfortunately.

[alexandresanlim]

Someone help?

[efimBistrov]

Help with this please?