Quantcast
Channel: Tópicos
Viewing all articles
Browse latest Browse all 14700

Repetição de imagem - Jquery

$
0
0
Buenas galera, to com problema aqui..

é o seguinte, quando termina a function levelUm() e chamo a function levelDois() ele tah me mostrando na tela varias vezes a imagem da levelDois()
alguem saberia como resolver este problema??
Código (Javascript):
<script>
            $(document).ready(function(){
                var focos = 0;
                var pontos = 0;
                function levelUm(){
                    $("#level").html("Level : 1");
                    $("#focos").html("Focos : " + focos);
                    $("#pontos").html("Pontos : " + pontos);
                    $("img").attr("src", "dengue1.jpg");
                    $("img").click(function(e){
                        if((e.pageX > 574 && e.pageX < 652) && (e.pageY > 517 && e.pageY < 592)){
                            focos++;
                            $("#focos").html("Focos : " + focos);
                            $("#pontos").html("Pontos : " + (pontos = pontos + 5));
                            $("<img id='sobre'>").attr("src", "certo.png").appendTo("#box").css({top: "350px", left: "230px"});
                            $("<div id='msg'>").attr("title", "Garrafas").appendTo("#box").html("").dialog();
                        }else if((e.pageX > 596 && e.pageX < 647) && (e.pageY > 489 && e.pageY < 612)){
                            focos++;
                            $("#focos").html("Focos : " + focos);
                            $("#pontos").html("Pontos : " + (pontos = pontos + 5));
                            $("<img id='sobre'>").attr("src", "certo.png").appendTo("#box").css({top: "300px", left: "240px"});
                            $("<div id='msg'>").attr("title", "Vasos").appendTo("#box").html("Encha de Areia até a borda os pratinhos dos vasos de planta!").dialog();
                        }else if((e.pageX > 498 && e.pageX < 516) && (e.pageY > 473 && e.pageY < 488)){
                            focos++;
                            $("#focos").html("Focos : " + focos);
                            $("#pontos").html("Pontos : " + (pontos = pontos + 5));
                            $("<img id='sobre'>").attr("src", "certo.png").appendTo("#box").css({top: "275px", left: "130px"});
                        }else if((e.pageX > 550 && e.pageX < 580) && (e.pageY > 429 && e.pageY < 459)){
                            focos++;
                            $("#focos").html("Focos : " + focos);
                            $("#pontos").html("Pontos : " + (pontos = pontos + 5));
                            $("<img id='sobre'>").attr("src", "certo.png").appendTo("#box").css({top: "230px", left: "180px"});
                        }else if((e.pageX > 462 && e.pageX < 545) && (e.pageY > 240 && e.pageY < 290)){
                            focos++;
                            $("#focos").html("Focos : " + focos);
                            $("#pontos").html("Pontos : " + (pontos = pontos + 5));
                            $("<img id='sobre'>").attr("src", "certo.png").appendTo("#box").css({top: "65px", left: "120px"});
                        }else if((e.pageX > 795 && e.pageX < 875) && (e.pageY > 328 && e.pageY < 341)){
                            focos++;
                            $("#focos").html("Focos : " + focos);
                            $("#pontos").html("Pontos : " + (pontos = pontos + 5));
                            $("<img id='sobre'>").attr("src", "certo.png").appendTo("#box").css({top: "130px", left: "450px"});
                        }else if((e.pageX > 883 && e.pageX < 965) && (e.pageY > 314 && e.pageY < 344)){
                            focos++;
                            $("#focos").html("Focos : " + focos);
                            $("#pontos").html("Pontos : " + (pontos = pontos + 5));
                            $("<img id='sobre'>").attr("src", "certo.png").appendTo("#box").css({top: "120px", left: "530px"});
                        }else if((e.pageX > 900 && e.pageX < 938) && (e.pageY > 416 && e.pageY < 461)){
                            focos++;
                            $("#focos").html("Focos : " + focos);
                            $("#pontos").html("Pontos : " + (pontos = pontos + 5));
                            $("<img id='sobre'>").attr("src", "certo.png").appendTo("#box").css({top: "240px", left: "540px"});
                        }else if((e.pageX > 965 && e.pageX < 1002) && (e.pageY > 484 && e.pageY < 500)){
                            focos++;
                            $("#focos").html("Focos : " + focos);
                            $("#pontos").html("Pontos : " + (pontos = pontos + 5));
                            $("<img id='sobre'>").attr("src", "certo.png").appendTo("#box").css({top: "285px", left: "605px"});
                        }else if((e.pageX > 1040 && e.pageX < 1060) && (e.pageY > 480 && e.pageY < 500)){
                            focos++;
                            $("#focos").html("Focos : " + focos);
                            $("#pontos").html("Pontos : " + (pontos = pontos + 5));
                            $("<img id='sobre'>").attr("src", "certo.png").appendTo("#box").css({top: "285px", left: "670px"});
                        }
                        if(focos == 10){
                            $("<div id='msg'>").attr("title", "Garrafas").appendTo("#box").html("show").dialog();
                            levelDois(); // quando chamo a function levelDois() ele me mostra na tela varias vezes a imagem dengue2.jpeg
                        }
                    });
                   
                }// levelUm
                function levelDois(){
                    $("#level").html("Level : 2");
                    $("#focos").html("Focos : " + focos);
                    $("#pontos").html("Pontos : " + pontos);
                    $("img").attr("src", "dengue2.jpg");
                }
                levelUm();
            });
        </script>

Viewing all articles
Browse latest Browse all 14700