Question

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

我有两个问题：

我想知道如何在没有Javascript的情况下创建这个完全相同的幻灯片放映作为具有禁用javascript的浏览器的后退...或者也适用于一般的旧版浏览器。有什么想法吗？
不是高优先级..但FireFox中有一个奇怪的错误。当我加载页面时，如果我单击刷新，滑块不会加载第一个图像。有关如何解决的任何想法？

非常感谢!!!!

Answer 1

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

HTML5＆amp; 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>

Javascript被禁用时幻灯片放映？

1 个答案: