Hi guys, I am trying to find that on Google but it is pretty hard...

I want to have a fullscreen image background (using jQuery or whatever), but I want the code to be the most simple it could be. No slider, no gallery, nothing, just a simple fullscreen image (responsive would be great).

If someone know where I can find a tutorial about that or know how to do it, it would be helpful...

Look into CSS Backgrounds
Then look into CSS Responsive Media Queries

And you'll have everything you need.

This post was edited by Eagl3s1ght on Dec 5 2013 03:07pm

Thanks a lot for that answer, is it working on mobile devices as well ?

In general, what changes between this way to do it (only CSS) and using jQuery, just for one background image ?

I prefer

And what is the difference between this and doing it through jQuery ?

I suggest you scrap what anyone has told you about jQuery and having a background image on your website.

jQuery is a javascript library.
Javascript allow client-side scripts to interact with the user.

Now tell me why you want to use jQuery instead of CSS. Because I'm telling you that you do not use javascript to have a background image on your website.

Got it now, thank you

You can do this also like this.

// CSS part

section:full-screen
{
float: none;
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: 0 none;
background-color: #fff;
}

// HTML part

<section id="fullscreen">
<img src="..." alt="Image"/>
</section>

Now your picture is displayed in a normal size on your webpage. If you click on the picture it will change to fullscreen.