Слайдер на основе background-image
 

Привет, хочу чтобы слайдер менял изображения в css свойстве background:.
Смена происходит на основе z-index. Вопрос: где хранить изображения? Как считать их количество? Спасибо.

background:url('images/slider1.jpg') center center no-repeat;background-size: cover;

З.Ы. Слайдер имеет следующий вид в верстке

<div class="slideshow">
  <div class="content">
  </div>
</div>

З.З.Ы. Если кто знает, то как можно реализовать свойства css из первого кода применительно к img?

А зачем? Чем img не устраивает?

danik.js,
Запара в свойствах. Хотя я придумал вот такой вот костыль.

<img style="background:url('images/1.jpg') center center no-repeat; background-size: cover; width:100%; height:520px;" src=""/>

Чет не понял...