如何开发一个没有javascript的旋转木马

How to develop a carousel without javascript

本文关键字：旋转木马一个 javascript 何开发开发更新时间：2023-09-26

谁能给我一个光如何开发一个网站没有jquery和javascript。

目前我有一个使用jquery循环插件开发的carousel，但是当我们改变主意，我们应该实现我们的网站相信"web for all，使用渐进增强"，听起来不错，但我不知道如何修改我现有的carousel和accordion运行，如果javascript被禁用。

我必须运行那些旋转木马和手风琴没有javascript或javascript的最小使用。只使用css3和html5，所以如果javascript是关闭的，用户仍然可以查看。目前没有javascript，手风琴中断，简单地它显示所有的内容和旋转木马只是卡住!

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

提前感谢。

等待你的回答

网站的交互性是通过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，不喜欢旋转木马，甚至没有互联网。你不可能让每个人都能访问你的网站!只要考虑成本和收益，然后做出一些合理的选择!

我自己认为一个Javascript与CSS3回退工作得很好，大多数人:)

祝你好运!

您将需要检查css3的过渡，转换和:active伪类。

转换: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/

你最终会一次显示所有的图像，或者在浏览器中显示一个静态图像，如ie6，如果你不想使用javascript