【问题标题】:How to run loading animation on load website?如何在加载网站上运行加载动画?
【发布时间】:2016-01-21 17:36:45
【问题描述】:

我通过这个template 创建了这个website。在本网站加载网站时必须显示加载。但是在加载我的网站时出现错误:

无法加载图片

我缝合了main.js文件,发现这段代码运行了这条消息。我在ff调试器中调试了这段代码,但没有解决。

jQuery 代码:

// Preloader function
var cSpeed = 7;
var cWidth = 75;
var cHeight = 75;
var cTotalFrames = 8;
var cFrameWidth = 75;
var cImageSrc = '/images/sprites.gif';

var cImageTimeout = false;

function startAnimation() {

    document.getElementById('loaderImage').innerHTML = '<canvas id="canvas" width="' + cWidth + '" height="' + cHeight + '"><p>Your browser does not support the canvas element.</p></canvas>';

    //FPS = Math.round(100/(maxSpeed+2-speed));
    FPS = Math.round(100 / cSpeed);
    SECONDS_BETWEEN_FRAMES = 1 / FPS;
    g_GameObjectManager = null;
    g_run = genImage;

    g_run.width = cTotalFrames * cFrameWidth;
    genImage.onload = function () { cImageTimeout = setTimeout(fun, 0) };
    initCanvas();
}


function imageLoader(s, fun)//Pre-loads the sprites image
{
    clearTimeout(cImageTimeout);
    cImageTimeout = 0;
    genImage = new Image();
    genImage.onload = function () { cImageTimeout = setTimeout(fun, 0) };
    genImage.onerror = new Function('alert(\'Could not load the image\')');
    genImage.src = s;
}

//The following code starts the animation
new imageLoader(cImageSrc, 'startAnimation()');

我尝试保存此 gif 图像,但无法正确执行此操作。我的网站中没有 sprites.gif 图像。如何解决这个问题?

【问题讨论】:

    标签: jquery html canvas jquery-animate loading


    【解决方案1】:

    sprites.gif 文件在这里sprites.gif

    下载并上传到您的“/images”目录。基本上,您缺少该文件,并且当插件尝试访问它时,会发生 302 重定向到 404 页面。自己看:Page redirection because of missing file

    【讨论】:

    • Ricardo Campos:感谢您的回答。我这样做但得到错误。
    • 我解决了这个问题。我在 jquery 代码中更改了这一行 (var cImageSrc = 'images/sprites.gif';) 并解决了
    • 我可以看到该目录中的文件,但看不到“sprites.gif”。这是files 的列表。你在那里看到 sprites.gif 了吗?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2022-11-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-04-03
    • 1970-01-01
    相关资源
    最近更新 更多