jQuery动画上的图像替换

前端之家收集整理的这篇文章主要介绍了jQuery动画上的图像替换前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
希望你可以建议我想添加一些简单的褪色从图像替换,我已经钩入一个选择menu.ie,
$("#vehicle").change(function(){
    var selected = $(this).val();
    $("#selectedVehicle").attr('src','/assets/images/mini/'+selected+'.png');
});

<img id="selectedVehicle" src="/assets/v2/images/select-vehicle.png">

有什么建议我该怎么办?

解决方法

如果预加载图像,这将最有效。
$("#vehicle").change(function(){
    var selected = $(this).val();
    var image = $("#selectedVehicle");
    image.fadeOut('fast',function () {
        image.attr('src','/assets/images/mini/'+selected+'.png');
        image.fadeIn('fast');
    });
});

这将使图像淡出,更改src,然后将其退回。参考jQuery docs获取有关衰落功能的更多信息。

再次,您应该预先加载您的图像,否则它可能会在仍然加载时淡出。

猜你在找的jQuery相关文章