HTML 内容滑块 [关闭]答案

【问题标题】：HTML content slider [closed]HTML 内容滑块 [关闭]
【发布时间】：2013-12-17 23:08:10
【问题描述】：

我根本不擅长高级 HTML 或任何 CSS，而且我已经做了一些研究，以制作我认为称为“内容滑块”的东西（比如 http://www.redlighttraffic.org/ 的东西，一个反人类的东西贩运组织），但我做得不够。

看着http://www.menucool.com/slider/content-slider，我想它想让我购买使用该滑块的代码，但我需要的是更接近我链接的 Redlight Traffic 网站上使用的那个，并且希望是免费的......谁能指出我的方向正确吗？

【问题讨论】：

正确的方向是that --> :D - 开个玩笑，你的问题是什么？你想买代码还是自己写？
我的问题很简单，我该如何开始？某处有教程吗？除了“内容滑块”之外，我什至不知道该叫什么，而且我不确定这是正确的名称。
@Codefun64 - jQuery 是你的朋友。
我看到您有答案，感谢您的澄清。如果您想就在哪里可以找到您提到的网站之类的代码提供建议（购买，甚至更好，免费），或者您想就如何自己构建代码提供建议，我阅读问题的方式并没有让我清楚.

标签： javascript html css jscript

【解决方案1】：

你可以看看这个列表，我相信你最终会找到你需要的：http://www.freshdesignweb.com/jquery-image-slider-slideshow.html

但如果想了解它的工作原理以及如何自己制作，请查看这篇文章：http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/

如果您搜索“CSS 内容滑块”或“jquery 滑块”之类的内容或这些关键字的任意组合，您会发现数百条结果对您有所帮助

【讨论】：

感谢您的帮助 :) 我一定会阅读这些内容。
@Codefun64 - 你也可以很容易地制作一个：jsfiddle.net/DerekL/BLM64

【解决方案2】：

HTML 和 CSS 都是您要实现的目标的非常小的组成部分。您需要研究所谓的 Jquery，一个 javascript 库。您可以通过 youtube 上的教程或谷歌“开源 JQuery 滑块”来实现此目的。那里有一些非常棒的，包括nivo-slider。

您可以通过使用 CSS 修圆角来使开源代码看起来像示例。

【讨论】：

【解决方案3】：

自从我自己对此进行一些研究以来已经有一年半的时间了，在尝试了几个不同的之后，我最终选择了 Flexslider (http://www.woothemes.com/flexslider/) 和 Responsiveslides (https://github.com/viljamis/ResponsiveSlides.js)。大约一年前，我重写了网站，现在只使用 Responsiveslides。

我喜欢这两者的是标记的简洁性，并且它们很容易适应响应式设计。在最新一轮的变化中，最终让 responsiveslides 占据优势的是尺寸：缩小后的 1.4kb 非常小，此外它完成了我需要的一切（如果你需要它做更多，尺寸显然会增加）。无论如何，Jquery 都是该项目的一部分，因此加载的开销对我来说不是问题。

希望有帮助！

【讨论】：