2013-12-17 295 views
-1

我并不熟练使用高级HTML或任何CSS,我已经做了一些研究,让我认为被称为“内容滑块”(例如http://www.redlighttraffic.org/,贩卖人口组织),但我提出了一些建议。HTML内容滑块

看着http://www.menucool.com/slider/content-slider我认为它要我购买使用该滑块的代码,但我需要的是一个更接近我使用的Redlight Traffic网站上的链接,并希望免费...任何人都可以指出我在正确的方向?

+3

正确的方向是* that * way - >:D - 开个玩笑,你的问题是什么?你想购买代码还是自己写? – ochi

+0

我的问题很简单,我该如何开始?有没有教程?我甚至不知道该怎么称呼这个东西,除了“内容滑块”之外,我不确定这是否是正确的名称。 – Codefun64

+0

@ Codefun64 - jQuery是你的朋友。 –

回答

2

你可以看看这个名单,我相信你最终会找到你所需要的:http://www.freshdesignweb.com/jquery-image-slider-slideshow.html

但如果想了解它是如何工作的,以及如何使一个然后自己看看这篇文章: http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/

如果你搜索像“CSS内容滑块”或“jQuery的滑块”或这些关键字的组合,你会发现数以百计的结果应该帮助你

+0

谢谢你的帮助:)我一定会看那些。 – Codefun64

+0

@ Codefun64 - 你也可以做一个很容易:http://jsfiddle.net/DerekL/BLM64/ –

1

HTML和CSS是什么的都非常小部件你正在努力实现。您需要查看一下JavaScript库Jquery。您可以在youtube上实现这个教程,或者谷歌“开源JQuery滑块”。这里有一些非常棒的东西,包括nivo-slider

您可以通过使用CSS四舍五入来构建一个开放源码的示例。

0

它已经有一年,因为我做了一些研究对这个自己半,我结束了两个Flexslider(http://www.woothemes.com/flexslider/)和Responsiveslides(https://github.com/viljamis/ResponsiveSlides.js)回去再试用一些不同的后。大约一年前,我重写了该网站,现在只使用Responsiveslides。

我喜欢的是标记的清洁度,它们很容易适应响应式设计。是什么最终让responsiveslides在最新一轮的变革边缘的大小:1.4kb的精缩是相当不错的小,除了它确实我从它需要的一切(如果你需要它做更多,规模将明显增加)。无论如何,Jquery都是该项目的一部分,所以加载时的开销对我来说不是问题。

希望有帮助!