need a responsive full page background photo background

[drotar]

preferably one that allows one to have a slide show. am working on a site http://www.bjoinfilms.com/testZ/

which is not allowing me to use adobe edge because it obstructs the video player when rotating on an iPad from portrait to landscape mode. this is driving me nuts. can anyone please suggest any great suggestions for responsive full page background image jquery slideshows> i am currently considering backstretch. any other suggestions please.

greatly appreciated.

drotar

[ThatCat]

I recommend use

body img {
max-width:100%;
height:auto;
}

for make the images “responsive”.

About the slideshow, yeah, Backstretch looks pretty good and simple.

[shaneisme]

If an element has 100% width and height, you can just set its background and give it this property: background-size: cover.

If you need a background ‘slideshow’ of sorts, you can just set up a timer to change the background image out to another.

[ThatCat]

Try to search in Google “full page slideshow“, and find what is the best for your website.

For responsive images I recommend use in CSS:

body img {
max-width:100%;
height:auto;
}
<code></code>

Advices:

Why when I make mouseover on the “HOME” button all the buttons’ make itself bigger?

Use transitions in the NAV, for make the website a little more nice.

p.s.: Backstretch looks pretty good and simple :)

[Author]

Posts