我创建了以下幻灯片：http: //jsfiddle.net/baumdexterous/V8fZr/
我有两个问题：
我想知道如何在没有 Javascript 的情况下创建完全相同的幻灯片放映，作为禁用 javascript 的浏览器的后备......或者也适用于一般的旧浏览器。有任何想法吗？
没有那么高的优先级.. 但是 FireFox 中有一个奇怪的错误。当我加载页面时，如果我单击刷新，滑块不会加载第一张图片。关于如何解决的任何想法？
太感谢了！！！！
问问题
551 次
1 回答
2
1. 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>
于 2012-05-16T23:58:41.497 回答