Fullscreen background images

bg Effects

bg effects

A slick background scale effect on hover from Tympanus.

javascript 216kb+

By Tympanus.net

Elba swipe slider

Elba Swipe

Swipe capable, lazy loading with media queries. Is this the smoothest slider? Probably not, but these other features make it well worth considering for your project. At the moment there is an issue with the swipe function not working on Windows touch screen computers.

javascript only

By Giancarlo Soverini, iliketomatoes

Elba modified

Elba Swipe

Messed around with by Piccante to limit height of the slider. At the moment there is an issue with the swipe function not working on Windows touch screen computers.

javascript only

By Giancarlo Soverini, iliketomatoes

Swiper

Swiper

Stylish, full-screen background with autoplay options, and few customiseable features such as a progress bar or pagination. Nice job Swiper.

javascript

By iDangerous

Full Screen Reveal

Full Screen Reveal

A full screen reveal demo

CSS only

CodePen by Dudley Storey

BgSwitcher

BgSwitcher

An inobtrusive background switcher using jQuery by Bcat.eu

jquery

By bcat.eu

Codyhouse Hero Slider

Codyhouse Hero Slider

A beautiful design job by Codyhouse. Responsive menu featuring an icon-based navigation slider with a full-screen background image or video. This design is ideally suited to pages that require a maximum of 5-6 landscape orientated images on each page.

jQuery

By Codyhouse

Skippr

Skippr

Stylish, full-screen background with autoplay options, and a few customiseable features such as a progress bar or dots. As an alternative, check out Flickerplate

jquery

By iamapioneer.com

FullPage Alvatotrigo

Full page

Swipe capable, great for snapping screens vertically (and horizontally). Expandable in many ways. The fixed headers version is quote cool. As seen on the Bruce-Mayne site.

jquery

By Alvatrigo

Alternate Background scroll fullscreen images

Alternate Background

Very 'in' design with alternate images being revealed as page content is scrolled through.

Note that on some mobile devices the menu does not operate after scrolling - only when the page is returned to the very top of the window

jquery 1-11

By Codyhouse

ResponsiveBG

Responsive background fullscreen images

Replaced buggy fullscreen image script, this one works well on all devices / screens tested that we know of!

CSS / media query only

By Piccante Web Design

Join us on Facebook Join Piccante on Facebook | Follow us on Twitter Follow piccanteweb on Twitter | View our latest website