基本的 jQuery 横幅？答案

【问题标题】：Basic jQuery banner?基本的 jQuery 横幅？
【发布时间】：2011-12-21 10:31:50
【问题描述】：

我还是 jQuery 的新手，并且在横幅和动态 Web 功能方面来自 flash/javascript 背景。有谁知道任何关于简单旋转横幅的好教程？

我希望构建一个带有 3 个旋转图像和一个 1、2、3 按钮以返回其他图像。

任何帮助或建议都会很棒。

【问题讨论】：

标签： jquery banner rotation

【解决方案1】：

jQuery Cycle-plugin 非常适合这个

http://jquery.malsup.com/cycle/

它甚至可以制作动态菜单（如您想要的 1、2、3 按钮）。

【讨论】：

【解决方案2】：

您应该熟悉jQuery Animate。

但是为什么要重新发明轮子呢？有很多优秀且经过良好测试的 jQuery 插件。

插件

教程

【讨论】：

抱歉，我是这么想的，因为你是唯一一个发帖的人。看不出谁给我打分，有时候真的让我很生气...
不，不是我。必须是其他用户。没问题。

【解决方案3】：

看看这个函数，它是一个简单的滑块：

HTML

<img src="pic_01.jpg" id="photo" />
<span id="slideNumber"></span>

var ImageArr1 = new Array("pic_01.jpg","pic_02.jpg","pic_03.jpg");
var ImageHolder1 = document.getElementById("photo");

function RotateImages(whichHolder,Start)
{
var a = eval("ImageArr"+whichHolder);
var b = eval("ImageHolder"+whichHolder);
if(Start>=a.length)
Start=0;
b.src = a[Start];
document.getElementById('slideNumber').textContent = "Slide "+(Start+1)+" of "+ImageArr1.length;
window.setTimeout("RotateImages("+whichHolder+","+(Start+1)+")",3500);
}

RotateImages(1,0);

我有一个图片容器并将其切换为 SRC 属性以显示其他图片。它会自动计时到 3500 毫秒，并在下面显示有关图片索引的信息。

我知道这是纯 javascript，但请看一下。它会教你一些基础知识。

【讨论】：

我的横幅终于开始工作了，感谢所有的帖子。我还将为我正在做的另一个旋转器尝试此代码。谢谢大家！