full screen bkd image with random refresh

[design_agency]

hi all–
looking for some advice on, what i hope, is a fairly straightforward homepage design. i'd like a full height / width background image that randomly changes on refresh (i'd like to use next gen gallery to manage these images).

i'd like the transparent logo to be vertically centered on the screen, and to maintain that alignment responsively.

i've been playing around to the best of my ability but am running into issues with the random refresh and the vertical alignment of the logo. there are oodles of suggestions out there for the random refresh, php, js, css, but each one i've tried has not worked or broken the site (many are from 2002–2008 for what its worth).

im presently using dynamik as my child theme, in an effort to figure out how to use it.

any advice is super appreciated!
emily

http://bb.design-agency.org

[JanHoek]

Check out Random Image Script

Put all you images into one folder and put that script there to. And then just use

body { 
background: url("bg/random.image.php") fixed no-repeat;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
}

Or you can use a backstretch script for a full sized background

---

Hi, my name is Jan Hoek. Sure, they all say I have a big head, but I like to think it’s way too small for all my ideas.

[Author]

Posts