Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>No need to use any thing you can make it in a simple jquery or js i am sending you this type of game in my answer just check it and make like that one. It is simple 0-9 puzzle game keep your images at the place of numbers change it with your images as a background images of buttons. gud luk</p> <pre><code>&lt;!DOCTYPE html &gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;AnupPuzzle&lt;/title&gt; &lt;script src="jquery-1.8.2.min.js"&gt;&lt;/script&gt; &lt;style&gt; .main-container{background:#600; width:270px; height:270px; text-align:center;} button{width:80px; height:80px; background:#CCC; float:left; margin:5px; color:#600; font-size:18px; } button:hover{background:#9CF;} span{width:100%; color:#900; font-family:"Comic Sans MS", cursive;} &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;h3&gt;Are you want to try your brain logics...&lt;/h3&gt; &lt;div class="main-container"&gt; &lt;button alt="" name="1" value="1" id="1"&gt;5&lt;/button&gt; &lt;button alt="" name="2" value="2" id="2"&gt;6&lt;/button&gt; &lt;button alt="" name="3" value="3" id="3"&gt;8&lt;/button&gt; &lt;button alt="" name="4" value="4" id="4"&gt;3&lt;/button&gt; &lt;button alt="" name="5" value="5" id="5"&gt;&lt;/button&gt; &lt;button alt="" name="6" value="6" id="6"&gt;7&lt;/button&gt; &lt;button alt="" name="7" value="7" id="7"&gt;1&lt;/button&gt; &lt;button alt="" name="8" value="8" id="8"&gt;2&lt;/button&gt; &lt;button alt="" name="9" value="9" id="9"&gt;4&lt;/button&gt; &lt;/div&gt; &lt;span&gt;Anup&lt;/span&gt; &lt;/body&gt; &lt;/html&gt; &lt;script&gt; $(document).ready(function(){ var upval, downval, leftval, rightval, txt, bVal; $("button").click(function(){ txt = $(this).text(); bVal = $(this).val(); if(txt != ""){ if((bVal != 1) &amp;&amp; (bVal != 2) &amp;&amp;(bVal != 3)){ upval = eval(eval(bVal)-eval(3)); var upTxt = $("#"+upval).text(); if(upTxt == ""){ $("#"+upval).text(txt); $(this).text(""); } } if((bVal != 7) &amp;&amp; (bVal != 8) &amp;&amp;(bVal != 9)){ downval = eval(eval(bVal)+ eval(3)); var downTxt = $("#"+downval).text(); if(downTxt == ""){ $("#"+downval).text(txt); $(this).text(""); } } if((bVal != 1) &amp;&amp; (bVal != 4) &amp;&amp;(bVal != 7)){ leftval = eval(eval(bVal)-eval(1)); var leftTxt = $("#"+leftval).text(); if(leftTxt == ""){ $("#"+leftval).text(txt); $(this).text(""); } } if((bVal != 3) &amp;&amp; (bVal != 6) &amp;&amp;(bVal != 9)){ rightval = eval(eval(bVal)+ eval(1)); var rightTxt = $("#"+rightval).text(); if(rightTxt == ""){ $("#"+rightval).text(txt); $(this).text(""); } } var one = $("#1").text(); var two = $("#2").text(); var three = $("#3").text(); var four = $("#4").text(); var five = $("#5").text(); var six = $("#6").text(); var seven = $("#7").text(); var eight = $("#8").text(); var nine = $("#9").text(); if((one == "1")&amp;&amp;(two == "2")&amp;&amp;(three == "3")&amp;&amp;(four == "4")&amp;&amp;(five == "5")&amp;&amp;(six == "6")&amp;&amp;(seven == "7")&amp;&amp;(eight == "8")&amp;&amp;(nine == "")){ alert("Congratulations You Won The Game..."); $("button").attr("disabled", "disabled"); } } }); }); &lt;/script&gt; </code></pre> <p>It is full puzzle game code with css,js and html.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload