WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I would like to be able to create a rotating background image that resizes with the browser window. I would like to also be able to set a certain amount of images to rotate per page or at the least start at a random number.

Here is an example > http://www.theme-dutch.com/presents/screen/

Is there a plugin for this? I am assuming it's Jquery.


share|improve this question
ajaxblender.com/… – Milo May 11 '11 at 16:10
up vote 2 down vote accepted

You can use CSS3 background-size to make your background-images stretch to cover the area of the box.

If you then create a containing box positioned absolutely over the whole page, you can put your slides in there.

At that point it is just a matter of fading them in and out, something which can be easily done via a jQuery plugin like Cycle.

Here's an example: http://jsfiddle.net/ZnAqE/1/

As you can see all you need to do to add slides is create a new child div for #slideshow. In WordPress this can be done by looping over your gallery images.

Related reading:

share|improve this answer
oh ya! Thank you!!!!! – user5288 May 11 '11 at 20:01

Just take a look at their js-file.

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.