마비노기 영웅전-개랙터소개

[손자병법]

7일차 마비노기 영웅전-개랙터소개 4행5열-팝업창 크게보기.zip

1.82MB

let i, no;

let img;

const dataA={

    "name":[

                "홍길동","이동수","김철수","name-4","name-5","name-6","name-7"

                ,"name-8","name-9","name-10","name-11","name-12","name-13","name-14","name-15","name-16","name-17","name-18","name-19","name-20","name-21"

            ],

    "can":["1 %","10 %","15 %","17 %","19 %","17 %","31 %","21 %","15 %","28 %",

            "27 %","35 %","45 %","87 %","65 %","55 %","48 %","33 %","54 %","75 %","95 %"],

    "fig":["10 %","100 %","150 %","170 %","190 %","170 %","310 %","210 %","150 %",

            "280 %","270 %","350 %","450 %","870 %","650 %","550 %","480 %","330 %","540 %","750 %","950 %"],

    "use":[

                "창","번개","망치","광선","칼","방패","총"

                ,"화살","검술","무술","태권도","주짓수","유도","무에타이","씨름","레스링","달리기","축구","야구","테니스","배구"

            ],

}

window.xxxxonload=function() {

    img=document.querySelector(".imgBox").getElementsByTagName("li");

    for(i=0; i<21; i++) {

        img[i].style.background = "url(img3/char_list_"+(i+1)+".png)";

        img[i].style.backgroundSize = "100% 100%";

        // $(".img"+i).css("background","url(img3/char_list_"+(i+1)+".png)")

        //             .css("backgroundSize", "100% 100%");

        $(".imgBox> li:eq(" + i + ") > div").text(dataA.name[i]);

        $(".imgBox> li:eq(" + i + ") > p").text(dataA.use[i]);

        img[i].addEventListener("click", function() {

            no=$(this).index();

            $(".popup").show();

            $(".pic").attr("src", "img3/char_list_" + (no+1) + ".png");

            $(".name").text(dataA.name[no]);

            $(".can").text(dataA.can[no]);

            $(".fig").text(dataA.fig[no]);

            $(".use").text(dataA.use[no]);

        })

    }

}

$(function() {

    $(".close").on("click", function() {

        $(".popup").hide();

    })

})