gpt4 book ai didi

JavaScript 照片 slider

转载 作者:行者123 更新时间:2023-11-30 07:44:59 26 4
gpt4 key购买 nike

我正在制作一个 JS 脚本,它将进入标题 div 并显示一些图片。我查看了 JQuery Cycle,但它超出了我的范围。我在下面编写的代码卡住了浏览器,我应该使用带有计时器变量的 for 循环吗?

<script type="text/JavaScript" language="JavaScript">
var timer;
for (timer = 0; timer < 11; timer++) {
if (timer = 0) {
document.write('<img src="images/one.png">');
}

if (timer = 5) {
document.write('<img src="images/two.png">');
}

if (timer = 10) {
document.write('<img src="images/three.png">');
}
}
</script>

谢谢!

最佳答案

假设您想要一个脚本来旋转图像,而不是像您的代码那样将它们写入页面,您可以使用这样的东西:

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>

<body>
<div id="target"></div>
<script>
var ary = ["images/one.png","images/two.png","images/three.png"];
var target = document.getElementById("target");
setInterval(function(){
target.innerHTML = "<img src=\""+ary[0]+"\" />";
ary.push(ary.shift());
},2000);
</script>

</body>
</html>

当然,上面的代码没有 jQuery 会给你的效果(比如淡入淡出),但它也不需要为如此基本的东西加载整个 jQuery 库。

关于JavaScript 照片 slider ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8716004/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com