我创建了一个迷你演示,用于在点击时更改图像。以为我可以得到一些反馈,看看我如何最小化/清理代码。不要介意图像大小,它们是 FPO。图像加载也有轻微的滞后。如何将预加载器集成到此示例中?
我不认为这是实现我想要实现的目标的最佳解决方案。有人有类似的资源可以指点我吗?
$(document).ready (function () {
$('#wheel1').click (function () {
document.getElementById('changeBack').src='http://placehold.it/50x50';
document.getElementById('changeFront').src='http://placehold.it/50x50';
});
$('#wheel2').click (function () {
document.getElementById('changeBack').src='http://placehold.it/30x30';
document.getElementById('changeFront').src='http://placehold.it/30x30';
});
$('#wheel3').click (function () {
document.getElementById('changeBack').src='http://placehold.it/60x60';
document.getElementById('changeFront').src='http://placehold.it/60x60';
});
$('#wheel4').click (function () {
document.getElementById('changeBack').src='http://placehold.it/80x80';
document.getElementById('changeFront').src='http://placehold.it/80x80';
});
});