Question

问题是我的项目包含一个导航器，点击箭头图像可以滑动到不同的内容。但是当页面第一次加载时，微调器正常工作。

<script type="text/javascript">
        function stopSpinner() {
            $('.spinnerImage').fadeOut(6000);
        }
    </script>
</head>
<body onload="stopSpinner()">
    <div class="spinnerImage"></div>

如何使用每张幻灯片获取微调器动画师。单击箭头图像时，我无法使用“stopSpinner（）”功能。

<img src="../Images/Next.png" class="IconHWidth" onclick="slidepage('next');stopSpinner();" />

我希望在点击箭头时实现相同的功能，以便微调器显示每张幻灯片。我正在使用母版页，以便它适用于所有的aspx页面。请建议解决此问题的方法

Answer 1

当文档的所有资源都已加载时，正文中的load事件将触发，因此每个文档加载一次。如果要为每个加载的图像设置微调器，则需要通过调用slidepage('next')再次淡入微调器。然后，您需要将stopSpinner回调附加到下一张图片的onload - 处理程序而不是正文。

想要加载Spinner Loading Animator直到页面加载

1 个答案: