如何在没有javascript的情况下开发旋转木马

时间:2011-11-19 14:45:35

标签: javascript progressive-enhancement

任何人都可以告诉我如何开发没有jquery和javascript的网站。

目前我有一个由jquery循环插件开发的旋转木马,但是当我们改变主意,我们应该实现我们的网站相信'网络为所有人,使用渐进增强',听起来不错,但我不知道我是怎么回事如果javascript被禁用,我会修改现有的旋转木马和手风琴。

我必须在没有javascript或最少使用javascript的情况下运行那些旋转木马和手风琴。仅使用css3和html5,因此如果javascript为OFF,用户仍可查看。目前没有javascript,手风琴中断,只是显示所有内容和旋转木马卡住了!

我只是在寻找一些想法,如何运行现有的旋转木马,没有JS的手风琴。

提前致谢。

等待你的回答。

2 个答案:

答案 0 :(得分:2)

网站上的互动是通过CSS和Javascript提供的。如果禁用Javascript,则必须与CSS进行所有交互。

CSS3肯定能够生成旋转木马。有关示例,请参阅http://speckyboy.com/2010/06/09/10-pure-css3-image-galleries-and-sliders/。这是(德语,但可以理解)纯粹的CSS3轮播的演练:http://webstandard.kulando.de/post/2010/05/21/sliding-image-gallery-css3-transition-tutorial

尽管如此,虽然这很好并且解决了没有Javascript的人的问题,但对于那些使用不支持CSS3的旧版浏览器的人来说,它会产生同样多的问题......

告诉你的老板,总会有人没有Javascript,没有CSS3,不喜欢旋转木马,甚至没有互联网。您不能让每个人都可以访问您的网站!只需考虑成本和收益,并选择合理的选择!

我自己认为具有CSS3后备功能的Javascript适用于大多数人:)

祝你好运!

答案 1 :(得分:1)

您将要查看css3过渡,转换和:active pseudo class。

过渡:http://www.alistapart.com/articles/understanding-css3-transitions/

转换:http://24ways.org/2010/intro-to-css-3d-transforms

伪类:http://coding.smashingmagazine.com/2011/03/30/how-to-use-css3-pseudo-classes/

如果您不想使用javascript,您将最终一次显示所有图像,或在ie6等浏览器中显示一个静态图像。