img之优雅的切换

最新推荐文章于 2022-01-23 16:21:34 发布

lBovinl

最新推荐文章于 2022-01-23 16:21:34 发布

阅读量159

点赞数

分类专栏：前端技术源码示例文章标签： img之优雅的切换src img切换

本文链接：https://blog.csdn.net/lBovinl/article/details/84885265

版权

前端技术同时被 2 个专栏收录

43 篇文章 0 订阅

订阅专栏

源码示例

30 篇文章 0 订阅

订阅专栏

*、img中有时会出现这样的需求：切换但动的img中的src属性

已知：
直接替换src中的路径，图片会直接显示
解决办法：
延时函数
源码：
//延时添加超链接，实现前一个照片的淡出
//后一个照片的淡入
$("#pic").fadeOut(picPeriodOut);
setTimeout(function() {
	$("#pic").attr("src",url);
},picPeriodOut);
$("#pic").fadeIn(picPeriodIn);