使用jquery动态追加和交叉渐变图像
Appending and crossfade images dynamically with jquery
这就是我现在拥有的:
<div id="nhs_BasicSearchBox">
<img src="img1.jpg" />
<img src="img2.jpg" />
</div>
但我真正想做的是动态添加图像:
<div id="nhs_BasicSearchBox"></div>
这是我的jquery:
$('img').hide();
function animg() {
$("#nhs_BasicSearchBox img").first().appendTo('#nhs_BasicSearchBox').fadeOut(1500);
$("#nhs_BasicSearchBox img").first().fadeIn(1500);
setTimeout(animg, 6000);
}
animg();
我有点迷路了。有什么帮助吗?这是我的小提琴。谢谢
您可以创建图像链接数组,然后使用for
循环将具有这些链接的新<img>
作为src
附加到容器:
Fiddle。
var imageLinks = ["link1", "link2"];
var container = $("#nhs_BasicSearchBox");
for (var i = 0; i < imageLinks.length; i++)
{
container.append($('<img>', { src: imageLinks[i] }));
}
相关文章:
- 图像通过Youtube视频渐变
- JavaScript渐变幻灯片-图像链接
- 通过程序添加CSS渐变作为背景图像
- 如何使用for循环更改图像的不透明度以创建渐变照明效果
- 在具有动态高度的背景图像上创建渐变覆盖
- Jquery渐变图像与多张幻灯片的惰性加载程序
- 使用javascript更改背景图像时保持渐变不变
- 背景图像本身的 CSS 渐变
- 使用Javascript有没有办法抓取由线性或径向渐变渲染的背景图像
- 如何根据当前页面高度调整具有渐变的图像的大小
- IE8(Javascript和CSS)中带有拉伸BG的渐变图像背景
- JQUERY图像覆盖渐变in()在鼠标悬停时淡入淡出
- 使用我使用的当前基本JQuery图像库中的渐变图像
- 使用jquery动态追加和交叉渐变图像
- 将一个图像渐变为另一个图像
- jQuery:图像渐变为另一个图像
- 渐变填充颜色和隐藏图像
- 交叉渐变图像
- 渐变图像和文本绿色袜子和JS动画
- 渐变图像-调用.fadeIn和.fadeOut的位置