Простая игра памяти

Question

Простая игра памяти

0

Я изменил эту игру памяти так, как хочу. Моя проблема заключается в том, что я пытаюсь выяснить, как сделать изображения видимыми с самого начала, когда начинается игра, т.е. я не хочу, чтобы изображения были скрыты вообще. Я хочу все остальные функции, а не отсутствие видимости.

Любые подсказки, могу ли я изменить его?

var BoxOpened = "";
var ImgOpened = "";
var ImgFound = 0;

var Source = "#boxcard";

var ImgSource = [
  "http://img5.uploadhouse.com/fileuploads/17699/176992640c06707c66a5c0b08a2549c69745dc2c.png",
  "http://img6.uploadhouse.com/fileuploads/17699/17699263b01721074bf094aa3bc695aa19c8d573.png",
  "http://img6.uploadhouse.com/fileuploads/17699/17699262833250fa3063b708c41042005fda437d.png",
];


function OpenCard() {
    var id = $(this).attr("id");

    if ($("#" + id + " img").is(":hidden")) {
        $(Source + " div").unbind("click", OpenCard);

        $("#" + id + " img").slideDown('fast');

        if (ImgOpened == "") {
            BoxOpened = id;
            ImgOpened = $("#" + id + " img").attr("src");
            setTimeout(function() {
                $(Source + " div").bind("click", OpenCard)
            }, 300);
        } else {
            CurrentOpened = $("#" + id + " img").attr("src");
            if (ImgOpened != CurrentOpened) {
                setTimeout(function() {
                    $("#" + id + " img").slideUp('fast');
                    $("#" + BoxOpened + " img").slideUp('fast');
                    BoxOpened = "";
                    ImgOpened = "";
                }, 400);
            } else {
                $("#" + id + " img").parent().css("visibility", "hidden");
                $("#" + BoxOpened + " img").parent().css("visibility", "hidden");
                ImgFound++;
                BoxOpened = "";
                ImgOpened = "";
            }
            setTimeout(function() {
                $(Source + " div").bind("click", OpenCard)
            }, 100);
        }
        Counter++;
        $("#counter").html("" + Counter);

        if (ImgFound == ImgSource.length) {
            $("#counter").prepend('<span id="success">You Found All Pictues With </span>');
        }
    }
}

$(function() {

for (var y = 1; y < 3 ; y++) {
    $.each(ImgSource, function(i, val) {
        $(Source).append("<div id=card" + y + i + "><img src=" + val + " />");
    });
}
    $(Source + " div").click(OpenCard);
});

См. Мой jsfiddle для полного кода http://jsfiddle.net/NvkQw/

Rnft 22 фев. 2014, в 18:39

Источник

0

Итак, вы хотите, чтобы все изображения изначально были видны, но кроме этого функциональность должна оставаться прежней? Другими словами, как только вы начнете щелкать, изображения должны исчезнуть и остаться скрытыми, пока вы не нажмете на поле?
j08691 22 фев. 2014, в 17:32
0

Нет, всегда должен быть виден. Это очень, очень простая игра памяти :)
Rnft 22 фев. 2014, в 18:14
0

Так вот как это jsfiddle.net/j08691/NvkQw/1 ?
j08691 22 фев. 2014, в 18:19

Показать ещё 1 комментарий

Теги:

jquery

memory

hidden

visibility

1 ответ

Ещё вопросы

Итак, вы хотите, чтобы все изображения изначально были видны, но кроме этого функциональность должна оставаться прежней? Другими словами, как только вы начнете щелкать, изображения должны исчезнуть и остаться скрытыми, пока вы не нажмете на поле?
Нет, всегда должен быть виден. Это очень, очень простая игра памяти :)

Manveer Chawla · Answer 1 · 2014-02-22T14-53-00.000Z

Измените свой #boxcard div img следующим образом:

#boxcard div img {
    border-radius: 10px;
    z-index: 3;
}