Как сделать баннер с заменой изображений в чистом html/css?

Question

Я пытаюсь сделать изображение баннера, который держит бесконечно обменивать на другое изображение каждые 5 секунд с растворяться переходом между каждым (с 4 изображений в коллекции) .. с помощью CSS только

<div> 
<img src="img1.jpg"> 
<img src="img2.jpg"> 
<img src="img3.jpg"> 
<img src="img4.jpg"> 
</div> 

я должен сделать анимация для каждого изображения отдельно или использовать свойство задержки, я пытался, но ничего, похоже, не достигло того, что я ищу совершенно.

Answer 1

Вы можете поместить все изображения в одну строку с помощью редактора изображений (например, Photoshop или GIMP). Проблема заключается в том, что вы не можете отображать каждое изображение на отдельных веб-страницах (возможно, больше кода) Повторение изображений навсегда не будет работать в HTML.

Посмотрите на эту страницу и скажите, что вы думаете: http://designshack.net/articles/css/infinitephotobanner/

Если вы считаете, что этот ответ или любые другие ответы отвечает на ваш вопрос наилучшим образом, пожалуйста, нажмите галочку слева (я думаю, вы знаю, что это уже есть)

EDIT Это для прокрутки изображения, имеет вид на aldanux ссылки дал вам, если вы не хотите прокрутки: http://css3.bradshawenterprises.com/cfimg/