Заметке на шахматную тему я упоминал о том, что распознать шахматную диаграмму именно как шахматную диаграмму - задача не из простых. Но если партия уже записана у вас в электронном виде, например, в очень широко распространённом формате PGN , то задача получения "живой" игры, которую можно прокрутить и отследить по ходам, становится очень простой и не потребует от вас знания программирования (разве что, базовых навыков вебмастера или блогера).

Изобретать велосипед не нужно, достаточно воспользоваться прекрасным сайтом pgn4web.casaschi.net и перейти на нём к разделу board generator (прямая ссылка)

Теперь сделать интерактивную шахматную партию на основе файла PGN очень легко.

Найти на странице зеленоватое окно под заголовком chess games notation in PGN format, вставить в это окно код "поганца" PGN, например, вот мой недавний шыдевр (не мой, конечно, классика, просто соперник был куда "мастеровитей" меня):

1. e2e4 c7c6 2. d2d4 d7d5 3. Nb1c3 d5xe4 4. Nc3xe4 Nb8d7 5. Qd1e2 Ng8f6 6. Ne4d6# 1-0

К сожалению, русские комментарии в фигурных скобках { ... } скрипт не поймёт, даже если они будут в кодировке Юникод (UTF-8), а вот вьюер покажет их нормально.

Потом пройдитесь по остальным настройкам, ставя опции так, как удобно. Минимально достаточно вот что:

• выставить в списке templates подходящий шаблон вида доски и фигур;
• выбрать в секции game replay options настройку autoplay games = none (чтобы сам собой не играл);
• подрегулировать высоту окна с игрой (web page options, iFrame height, написаны рекомендуемые минимальное и максимальное значения);
• нажать кнопку "generate HTML codes and update preview".

Вы увидите, что получилось и код для вставки на сайт или в блог в теге