Слайд-шоу, когда Javascript отключен?

Question

Я создал следующий слайд-шоу: http://jsfiddle.net/baumdexterous/V8fZr/

У меня есть два вопроса:

1. Я хотел бы знать, как я могу создать точно такие же слайд-шоу без Javascript, как падение назад для браузеров с отключен javascript ... или также для более старых браузеров в целом. Есть идеи?

2. Не так высокоприоритет .. но в FireFox есть странная ошибка. Когда я загружаю страницу, если я нажимаю кнопку «Обновить», ползунок не загружает первое изображение. Любые мысли о том, как исправить?

Большое спасибо !!!!

Answer 1

1. Невозможно создать слайд-шоу в HTML4 и CSS2, поскольку они являются статическими - для реализации эффектов вам нужен javascript или другой динамический язык. Лучшее, что вы можете сделать, это развить его, чтобы он грамотно деградировал (например, расположите каждый слайд на странице в удобном для просмотра макете).

HTML5 & CSS3 позволит вам сделать это, но его поддержка не полностью поддерживается во многих основных браузерах (то есть IE!), А поддержка javascript более распространена, чем поддержка HTML 5.

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>