Simple fading slideshow

only in CSS

England
image2

Cum sociis natoque penatibus et felis. Fusce aliquet ac, blandit quis, interdum arcu faucibus lorem, ut malesuada id, condimentum ac, laoreet

image3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Gravida sodales. Aenean ut erat. Pellentesque eu turpis vulputate tortor et ultrices consectetuer. Etiam dapibus augue turpis, molestie elit, sit amet eleifend mauris sit amet, tellus. Praesent scelerisque feugiat.

image4

Battlefield: Bad Company 2przenosi rozgrywkę znaną z serii Battlefield na front next-genowych konsol i PC-tów! Walka odbywa się na 8 wielkich, otwartych mapach, a na każdej z nich trzeba stosować zupełnie inną taktykę!

image5

My cup! And my beloved keyboardAll of them are dead now...

How to use it?

  1. Download the package and unzip it
  2. Open index.html and check that everything works fine
  3. Copy to your directory keyframes.css and add it in your .html file
  4. Add id="show" to the div with slides (.slide)
  5. Put images in that .slide div, and if you need description use p.desc after the img
  6. To add more than 5 slides go to the keyframe.css and just add it
  7. To change the displaying time change number of seconds in lines like that animation: img1 40s infinite; in keyframes.css

Have fun!

Downloadslideshow.zip (22,6kB)
Created by: Pudlo.be

Copyright © 2012CSS simple fading slideshow