Question

我正在寻找一种防止图像被加载的方法。

我创建了2个按钮，一个用于previous图像，另一个按钮用于next图像。当用户点击next按钮时，我只需更改图片的src并显示下一个网址即可。问题是当用户足够快地点击next按钮时。 src将被多次更改，它仍会加载所有正在传递的src或图像链接。这将导致服务器速度变慢。

我的目标是阻止加载所有这些图片，只显示用户停止的当前src。

Answer 1

您可以在“下一个/上一个”链接的点击事件中使用jQuery .stop()或.clearQueue()方法，这将立即停止加载所有图片。

例： HTML代码

<div id="hoverme-stop-2">
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
    <div class="box"></div>
</div>

JS代码

$( "#hoverme-stop-2" ).hover(function() {
  $( this ).find( "div" ).stop( true, true ).fadeOut();
}, function() {
  $( this ).find( "div" ).stop( true, true ).fadeIn();
});

您可以通过从代码中删除/添加stop（）来比较行为。

希望这有帮助！

防止图像加载

1 个答案: