jQuery动画上的图像替换

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

有什么建议我该怎么办?

解决方法

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

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

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

猜你在找的jQuery相关文章