我有一个图像,使用jQuery我把它变成了一个按钮.所谓的按钮有两种状态:常规和推动.
使用jQuery我检测到"mousedown"和"mouseup"并替换"src"属性,如下所示:
$("#btn").click(function() {
;//DO SOMETHING HERE WHEN PRESSED
});
$("#btn").mousedown(function() {
$(this).attr({ src: regular.png });
});
$("#btn").mouseup(function() {
$(this).attr({ src : pushed.png });
});
Run Code Online (Sandbox Code Playgroud)
在离线测试时,它非常有用!但今天我注意到,当图像存储在服务器上时,它会在每次属性更改时反复加载图像.
如何避免此加载问题并使所有图像仅从服务器加载一次?
另外,如果有更好的完成我想在这里做的事情,请告诉我.
谢谢.