所以我正在通过Dreamweaver视频教程进行工作,而且我已经陷入了这一部分。教师正在展示如何添加包含4个图像的横幅滑块。图像简单地淡出,下一个显示。图像上没有导航,并且还有一个功能显示一段文本向下滑动几秒钟,然后在显示每个图像时备份。
我的问题是他为他使用的js文件收费。我没有钱支付它。他说你可以简单地搜索谷歌的横幅滑块并找到一个,但我花了几个小时做这个,我找不到一个使用jquery的免费版本,我可以理解如何使用。我想知道是否有人可以指向一个免费的jquery横幅滑块,它对像我这样没有经验的人有很好的指导。
图像需要为900px×300px。我对html和css很满意,但在javascript方面却毫无头绪。提前谢谢。
我正在谈论的视频位于this link,您可以在视频开始时看到横幅的示例。
编辑:这是我为了回应psobko给出的答案而添加的信息。
我再次编辑这个,因为我已经让滑块工作了。现在我只需要弄清楚如何获得文本/标题。如果有人可以告诉我在我的css和html中使用的代码,以便让字幕滑入然后滑出,这将是很棒的。 This link显示了字幕效果的示例,但我不确定如何对其进行编码。谢谢。
第二次编辑:
<div><img u="image" src="../images/banner/b1.jpg" />
<div u="caption" t="MCLIP|B" style="position: absolute;
top: 30px; left: 30px; width: 50px;height: 50px;">
Hello World</div></div>
答案 0 :(得分:1)
啊,你正在寻找的效果被称为&#34; carousel&#34;你可以进行网络搜索(结合使用jQuery这个词),它会产生约700k的结果。最高的结果是this,似乎没问题且100%免费。您在互联网上看到的最常见的效果/布局/等等是免费和开源的(您可以通过浏览器直接查看任何内容的来源)。除非你需要特别的支持,否则你不能为某些事情买单,或者你想要支持作者而他们没有捐赠按钮。