Javascript禁用時幻燈片放映？

我創建了下面的幻燈片： http://jsfiddle.net/baumdexterous/V8fZr/Javascript禁用時幻燈片放映？

我有兩個問題：

我想知道我怎麼能作爲一個秋天沒有JavaScript創建此完全相同的幻燈片回來與瀏覽器禁用JavaScript ...或者只適用於一般較舊的瀏覽器。有任何想法嗎？
不是高優先級..但在FireFox中有一個奇怪的錯誤。當我加載頁面時，如果我單擊刷新，滑塊不加載第一個圖像。有關如何解決的任何想法？

非常感謝你!!!!

來源

2012-05-16 Ori

沒有JS，你'需要另一個腳本（比如Flash）來處理任何「幻燈片」效果（CSS3不算:-)。否則，你必須使用不同的頁面加載或簡單的錨點導航。 – Bergi

1.無法在HTML4和CSS2中創建幻燈片，因爲它們是靜態的 - 您需要JavaScript或其他動態語言來實現效果。您可以做的最好的事情是開發它，以便優雅地降級（例如，以易於查看的佈局排列頁面上的每張幻燈片）。

HTML5 & CSS3會讓你做到這一點，但是它在許多主流瀏覽器（如IE！）和JavaScript支持中都不是完全支持HTML5支持。

2.You在你的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-16 23:58:41 FluffyKitten

出於好奇......如何創建一個按鈕來切換HTML5幻燈片？ – henryaaron

@ user1090389它不僅僅是改變一行代碼或幾個標籤的問題 - HTML5/CCS3在概念上與HTML4和CSS3非常不同，並且根據您的要求，您可能仍然需要javascript來觸發事件。而且您仍然需要優雅地處理非HTML5/CSS3兼容的瀏覽器。你真的會接觸到更廣泛的JS用戶，特別是當你特別希望它能夠在舊版瀏覽器中工作時（HTML5/CSS3解決方案絕對不會 - 它甚至不會在許多新瀏覽器中工作） – FluffyKitten

嘿，非常感謝FluffyKitten。你會如何建議優雅地降職？換句話說 - 你如何爲舊版瀏覽器創建回退？ – Ori

Javascript禁用時幻燈片放映？

回答

相關問題