jtoth

<p>Create sliding puzzles for your web page. WP-jqPuzzle will automatically turn your images into a full-blown sliding puzzle.<br />
To use it, just put [jqpuzzle img=http://www.mysite.com/mypicture.jpg] in a post, updating the path for the image, of course.<br />
Other options are available. This WordPress plugin is based on the <a href="http://www.2meter3.de/jqPuzzle/" title="jqPuzzle script" rel="nofollow ugc">jqPuzzle script</a> by Ralf Stoltze.</p>
<h4>Localizations</h4>
<ul>
<li>Thanks to me for romanian language file</li>
<li>Thanks to me for german language file</li>
<li>Thanks to <a href="http://www.tolingo.de/" title="tolingo.de" rel="nofollow ugc">tolingo.de</a> for spanish language file</li>
</ul>
<h4>Acknowledgements/Credits</h4>
<ul>
<li>Thanks to <a href="http://www.2meter3.de/jqPuzzle/" title="Ralf Stoltze" rel="nofollow ugc">Ralf Stoltze</a> for the script and the very useful tips</li>
<li>Thanks for the help at adding shortcode options to <a href="http://www.cnet.ro/" title="Radu Capan" rel="nofollow ugc">Radu Capan</a></li>
<li>Thanks to <a href="http://www.bueltge.de/" title="Frank Bueltge" rel="nofollow ugc">Frank Bueltge</a> for the useful tips</li>
</ul>
<h4>Licence</h4>
<p>This plugin is free for everyone! Since it’s released under the GPL, you can use it free of charge on your personal or commercial blog.<br />
If you enjoy this plugin, you can thank me and leave a <a href="http://www.relijoc.ro/descarca/wp-jqpuzzle/" title="Donate" rel="nofollow ugc">small donation</a> for the time I’ve spent writing this plugin.<br />
The donations are not for me, i will give it to <a href="http://www.caritas-lipova.ro/" title="Caritas Lipova" rel="nofollow ugc">Caritas Lipova</a>.</p>
<h4>Translations</h4>
<p>The plugin comes with various translations, please refer to the <a href="https://codex.wordpress.org/Installing_WordPress_in_Your_Language" title="Installing WordPress in Your Language" rel="nofollow ugc">WordPress Codex</a> for more information about activating the translation.<br />
If you want to help to translate the plugin to your language, please have a look at the .pot file which contains all defintions and may be used with a <a href="http://www.gnu.org/software/gettext/" rel="nofollow ugc">gettext</a> editor like <a href="http://www.poedit.net/" rel="nofollow ugc">Poedit</a> (Windows) or plugin for WordPress <a href="https://wordpress.org/extend/plugins/codestyling-localization/" rel="ugc">Localization</a>.</p>


WP-jqPuzzle

Create sliding puzzles for your web page. WP-jqPuzzle will automatically turn your images into a full-blown sliding puzzle.

Lukas Gebhard

<p>This plugin allows visitors of your website to solve the famous and inspirational Nine Dots Puzzle as an interactive 2D app.<br />
<a href="http://lukasgebhard.de/demos.php" rel="nofollow ugc">Here you can try it out yourself.</a></p>
<h4>Features</h4>
<ul>
<li>Works in pages, posts and text widgets</li>
<li>Fully customisable design</li>
<li>Simple usage via shortcode</li>
<li>Optionally display a custom hint to solve the puzzle</li>
</ul>
<h4>Installation</h4>
<ol>
<li>Go to your <em>WordPress dashboard</em>.</li>
<li>Visit <em>Plugins > Add New</em> and search for “Nine Dots Puzzle”</li>
<li>Click on <em>Install</em></li>
<li>Activate the plugin from your plugins page.</li>
<li>Insert the phrase <em>[nine-dots-puzzle]</em> (including the brackets) into your WordPress page, post, or text widget.</li>
<li>Optionally, customise the puzzle by specifying some parameters. For example, <em>[nine-dots-puzzle size=”300px” colour_background=”brown”]</em> will insert the puzzle with the given size and background colour. </li>
</ol>
<p>The following configuration parameters are available:</p>
<ul>
<li><em>size</em>: The width and height of the puzzle (Default: “250px”)</li>
<li><em>show_hint_button_after_round</em>: The number of rounds after which a ‘hint button’ is shown (Default: “2”)</li>
<li><em>text_button_hint</em>: The text on the hint button (Default: “Hint”)</li>
<li><em>text_hint</em>: The hint that is displayed after clicking the hint button (Default: “Think outside the box.”)</li>
<li><em>colour_background</em>: The background colour (Default: “rgb(0, 0, 128)”)</li>
<li><em>colour_neutral</em>: The ‘neutral’ colour (Default: “rgb(153, 221, 255)”)</li>
<li><em>colour_success</em>: The ‘success’ colour (Default: “rgb(0, 128, 0)”)</li>
<li><em>colour_fail</em>: The ‘fail’ colour (Default: “rgb(179, 0, 0)”)</li>
<li><em>colour_face</em>: The ‘face’ colour (Default: “rgb(255,217, 26)”)</li>
<li><em>colour_text</em>: The text colour (Default: “white”)</li>
<li><em>colour_text_background_dark</em>: The ‘text_background_dark’ colour (Default: “rgb(51. 51, 51)”)</li>
<li><em>colour_text_background_light</em>: The ‘text_background_light’ colour (Default: “rgb(115, 115, 115)”)</li>
</ul>


Nine Dots Puzzle

The famous & inspirational 9-dot problem. Think outside the box!

WP-jqPuzzle vs Nine Dots Puzzle