%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/infra/jogos/puzzle/
Upload File :
Create Path :
Current File : //home/infra/jogos/puzzle/index.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Quebra Cabeça</title>
    <link href="css/style.css" rel="stylesheet" />
    <link href="css/image-puzzle.css" rel="stylesheet" />
    <script src="js/jquery-2.1.1.min.js"></script>
    <script src="js/jquery-ui.js"></script>
    <script src="js/image-puzzle.js"></script>
</head>
<body style="background: url(images/bg.jpg) center center no-repeat;">
    <div id="collage">
        <div id="playPanel">
            <div class="title">
                <h3 class="gameTitle">Quebra Cabeça</h3>
            </div>
            <div class="container">
                <!-- <h3 id="imgTitle"></h3> -->
                <div class="center">
                    <div id="YouWin"></div>
                    <ul id="sortable" class="sortable"></ul>
                    <div id="actualImageBox">
                </div>
                    <img id="actualImage" />
                    <div class="subtitle">Monte a figura deste jeito.</div>
<!--                     <p id="levelPanel">
                        <input type="radio" name="level" id="easy" checked="checked" value="3" /> 
                        <label for="easy" class="dificuldade">Fácil</label>
                        <input type="radio" name="level" id="medium" value="4" /> 
                        <label for="medium" class="dificuldade">Médio</label>
                        <input type="radio" name="level" id="hard" value="5" /> 
                        <label for="hard" class="dificuldade">Difícil</label>
                    </p> -->
                    <div>
                        <!-- <button id="newPhoto" type="button" class="btn button">Mudar Foto</button> -->
                    </div>
                </div>
            </div>
        </div>

        <div id="myModal" class="modal" style="display:none;">
          <div class="modal-content">
            <!-- <span class="close">&times;</span> -->
            <p class="win">Parabéns, você ganhou !!</p>
            Você completou esse quebra-cabeça em <span class="stepCount">0</span> jogadas. <br><br>
            <button type="button" onclick="window.location.reload(true);">Jogar novamente</button>
          </div>

        </div>

        <script>
            var images = [
                { src: 'images/bg1.jpg', title: 'Turminha da Graça ' },
                { src: 'images/bg2.jpg', title: 'Turminha da Graça ' },
                { src: 'images/bg3.jpg', title: 'Turminha da Graça ' },
                { src: 'images/bg4.jpg', title: 'Turminha da Graça ' },
                { src: 'images/bg5.jpg', title: 'Turminha da Graça ' }

            ];

            $(function () {
                var gridSize = $('#levelPanel :radio:checked').val();
                imagePuzzle.startGame(images, gridSize);
                // $('#newPhoto').click(function () {
                //     imagePuzzle.startGame(images, gridSize);
                // });

                $('#levelPanel :radio').change(function (e) {
                    var gridSize = $(this).val();
                    imagePuzzle.startGame(images, gridSize);
                });
            });
        </script>
    </div>
</body>
</html>

Zerion Mini Shell 1.0