禁用 Javascript 时的幻灯片

Slideshow when Javascript is disabled?

本文关键字：幻灯片 Javascript 禁用      更新时间：2023-09-26

我创建了以下幻灯片：http://jsfiddle.net/baumdexterous/V8fZr/

我有两个问题：

  1. 我想知道如何在没有 Javascript 的情况下创建这个完全相同的幻灯片，作为禁用 javascript 的浏览器的后备......或者也适用于一般的旧浏览器。有什么想法吗？

  2. 优先级不高......但FireFox中有一个奇怪的错误。加载页面时，如果单击"刷新"，滑块不会加载第一个图像。关于如何解决的任何想法？

非常感谢！！！！

1.It 不可能

在HTML4和CSS2中创建幻灯片，因为它们是静态的 - 你需要javascript或其他动态语言来实现效果。你能做的最好的事情就是开发它，让它优雅地降级(例如，以易于查看的布局排列页面上的每张幻灯片(。

HTML5和CSS3可以让你这样做，但它在许多主流浏览器(即IE！(中并不完全支持，JavaScript支持比HTML 5支持更常见。

2.您的HTML中有一些语法错误，可能会导致FF出现问题(我还没有测试过此代码，但您需要以任何一种方式修复它们(

<div class="slide">
<img src="http://i48.tinypic.com/6olzzo.png" width="450px" height="285px" />
</div> <!--this was missing -->
<div class="slide">
<img src="http://i45.tinypic.com/ftdc7o.png" width="450px" height="285px" /> <!-- you were missing end quote on src attribute --> 
</div>
<div class="slide">
<img src="http://i48.tinypic.com/6olzzo.png" width="450px" height="285px" /> <!-- you had extra end quote on src attribute -->
</div>
相关文章：