Javascript 单击时显示预加载程序图像<；a>；标签？

我想要allHTML链接（

使用jquery.imageloader（）


$（函数（）{
$（'.img'）.imageloader（）；
});

将函数添加到按钮

希望这有帮助

访问这里获取大量示例


尝试此操作
您必须预加载图像。
为此，可以创建一个图像元素并隐藏图像，只在单击时显示

或

您可以在document ready函数上调用createElement并设置其源代码，如下所示：

var elem = document.createElement("img");
elem.setAttribute("src", "images/my_image.jpg");

然后，当您在其他地方使用该源时，它会立即显示图像，因为它已由浏览器加载。
试试这个

$(function(){
    $('a').on('click',function(e){
       $('<img src="image-pat/img.gif" class="image-loader"/>').appendTo('body');
       // ....
       // your code
       // ....
       if($('.image-loader').length) { // check length to remove image-loader again
          $('.image-loader').remove();// use, if you want to remove the loader again
       }
       return true;
    });
});

$（函数（）{
$（'a'）。在（'click'，函数（e）上{
$（''）。附于（'正文'）；
// ....
//你的代码
// ....
如果（$（'.image loader'）.length）{//请检查长度以再次删除图像加载器
$（'.image loader'）.remove（）；//如果要再次删除加载程序，请使用
}
返回true；
});
});
在jsfiddle上共享您的代码据我所知，OP希望在加载下一页时在当前页中显示一个图像。此图像准备好后是否在下一页中显示图像？更新后，在显示加载程序时如何加载另一页？如何在当前页中显示图像而在另一页中显示图像正在加载页面？默认情况下，当我们单击超链接浏览器时，将启动重定向过程。@TilwinJoy在这种情况下，您可以在单击锚点时添加一个处理程序，该处理程序将删除/隐藏内容并显示进度图像，然后返回true，以便浏览器继续加载其他页面。
$(function(){
    $('a').on('click',function(e){
       $('<img src="image-pat/img.gif" class="image-loader"/>').appendTo('body');
       // ....
       // your code
       // ....
       if($('.image-loader').length) { // check length to remove image-loader again
          $('.image-loader').remove();// use, if you want to remove the loader again
       }
       return true;
    });
});