Mouseover to keep loading the image
From the script below, it allows user to reload the image once when mouse over.
Anyway to keep loading the same image url until onMouseOut?
Really appreciate your time & advice. Thanks!!!
Updates:
With thanks to DylanButler for this working code.
From the script below, it allows user to reload the image once when mouse over.
Code:
<img src="yourfile.jpg?o=1" onMouseOver="this.src+=1" alt="" />Anyway to keep loading the same image url until onMouseOut?
Really appreciate your time & advice. Thanks!!!
Updates:
With thanks to DylanButler for this working code.
Code:
<script type="text/javascript">
var interval;
var amount = 1200;
function refreshImage() {
document.getElementById('refresher').src += 1;
}
function startInterval() {
interval = setInterval("refreshImage()", amount);
}
function cancelRefresh() {
clearInterval(interval);
}
</script>
<img id="refresher" src="84180.jpg?o=1" onmouseover="startInterval()" onmouseout="cancelRefresh()" alt="" />
Last edited:
