0

次のスライドショーを作成しました：http： //jsfiddle.net/baumdexterous/V8fZr/

2つの質問があります：

  1. Javascriptが無効になっているブラウザ、または一般的な古いブラウザのフォールバックとして、Javascriptを使用せずにこれとまったく同じスライドショーを作成する方法を知りたいです。何か案は？

  2. 優先度はそれほど高くありませんが、FireFoxには奇妙なバグがあります。ページをロードするときに[更新]をクリックすると、スライダーは最初の画像をロードしません。修正方法について何か考えはありますか？

どうもありがとう！！！！

4

1 に答える 1

2

1. HTML4およびCSS2は静的であるため、スライドショーを作成することはできません。エフェクトを実装するには、JavaScriptまたはその他の動的言語が必要です。あなたができる最善のことは、それが優雅に劣化するようにそれを開発することです（例えば、見やすいレイアウトでページ上の各スライドを配置します）。

HTML5とCSS3を使用するとこれを実行できますが、多くの主要なブラウザー（IEなど）では完全にはサポートされておらず、JavaScriptのサポートはHTML5のサポートよりも一般的です。

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 に答える