Question

我是一个HTML和JS新手，为什么一个调用循环gif的加载器不会循环。我已经从其他线程复制了一些代码来学习如何制作一个加载页面，但我已经卡住了。下面的当前代码播放gif文件一次，淡出到白色屏幕，直到加载下一页的内容为止。如果我在页面周围移动脚本，我可以让gif循环工作，但它永远不会打开下一页。我知道我错过了什么......我只是找不到什么。任何建议都会非常感激

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width" />

<!-- Css -->
<link rel="stylesheet" type="text/css" href="css/loader.css" media="screen" />

<!-- Script -->
<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/b4w.min.js"></script>
<script src="js/camera_anim.js"></script>

<script>

var m_app = b4w.require("app");
var m_data = b4w.require("data");
var m_cam = b4w.require("camera_anim");

m_app.init({
    canvas_container_id: "container_id",
        callback: load_cb,
        show_fps: false,
        console_verbose: true,
        autoresize: true
})

function load_cb() {
    m_data.load("151010_CL_BOX04_MERGED_BLEND4WEB_WIREFRAME_APPLY.json", loaded_cb);
}

function loaded_cb() {
    m_app.enable_controls();
    m_app.enable_camera_controls();
    m_cam.auto_rotate(0.15);
}

</script>

</head>

<body>
<div id="loader"></div>
   <script>

 
 $(window).load(function(){
 <!--    $("#loader").effect("bounce", { times:4, distance:200 }, 400); -->
    $("#loader").fadeOut("slow");
});
 
 </script>
   

<div id="container_id" style="position: absolute; left: 0px; top: 0px; width:100%; height: 100%;"></div>

</body>

</html>

加载Gif没有循环 - 为什么？

0 个答案: