个人中心
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
文章推荐： java - Java 中的条件如何知道要触发哪个线程？
文章推荐： java - 为什么这种并行矩阵加法效率如此低下？
文章推荐： java - Mockito.verify 的 AssertJ 解决方案
文章推荐： java - 使用Java中的接口(interface)触发从A类到B类的事件
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com