57 JQuery Background Image Plugins

This simple plugin does only one thing and it does it well – it creates a responsive full screen body background image by specifying the desired image whether it is a local or remote one. Also, it can create a beautiful back.....
Plugins

A jquery plugin that allows you to dynamically change the background Image of a container or div. .....
Plugins Slider

jQuery plug-in to scroll the CSS background image automatically.A plurality of images are to scroll at different speeds to up, down, left and right oblique direction . .....
Animation Plugins

Carousel for simple background image using jquery and animate.css. .....
Animation Carousel CSS Plugins

In this tutorial we will learn how to design Facebook style ajax background image upload and position adjustment using Jquery. I have been published many tutorials about ajax image upload, this one is very interesting and it is a .....
Ajax PHP

A jQuery plugin to fix background image while scrolling through content of a page. Once new page is scrolled to then a background image changes. The plugin works responsively with both short and long contents. .....
Plugins Web

jQuery plugin that switches background images of a website – can be used as an image slider or a full screen background image switcher as well as image preloader.Demo 1 Demo 2 Demo 3 .....
Image Effects Plugins Responsive

jQuery BgSwitcher is a plugin to Switch the background image with using effects. .....
Animation Image Effects Plugins

This plugin adds support for scaling background images using a 9-grid. Developers can specify a grid for selected elements which causes the background-image to be scaled selectively, depending on what part of the grid the backgrou.....
Image Effects Plugins

Backstretch a simple jQuery plugin that allows you to add a dynamically-resized background image to any page.It will stretch any image to fit the page, and will automatically resize as the window size changes.Images are fetched af.....
Plugins Web

Anystretch is a jQuery plugin that allows you to add a dynamically-resized background image to any page or block level element. The image will stretch to fit the page/element, and will automatically resize as the window size chang.....
Plugins Web

bgStretcher jQuery Plugin Allows to Add Background Image to Page and Proportionally Resize it to Fill Entire Window Area.bgStretcher 2011 (Background Stretcher) is a jQuery plug-in which allows you to add a large image (or a set o.....
Plugins

Today I am going to show you how to create sliding image cell effect in jQuery. This is will something like small photo gallery. I prepared 3 demos for you with different effects. Please pay attention that our demo will work in br.....
Animation CSS Gallery

Today we want to share another jQuery menu with you. This menu will have several panels, each one corresponding to a different background image that will show on all panels when we hover over a panel label. Also, a submenu wil.....
Animation CSS Gallery Menus Web

A beautiful advanced background image slideshow, recreated after the effect as seen on the website fromPhiladelphia. It features changing text and playback controls. When the animation doesn’t seem smooth, the images might n.....
CSS Gallery

With the help of some small HTML, nifty CSS and loads of jQuery, we’re able to create an animated fullscreen background image slideshow. Read the rest of this article to learn how it’s built.You can easily change the.....
Animation Web

This is a slideshow using background images in divs. The advantage is you can use inset box shadows and can place text in the divs as captions. .....
SlideShow

A simple background image animation for a Hero section... .....
Animated Background

Just a quick example on how to animate a background image on hover. .....
Animated Background

Yet another jQuery background slider plugin which automatically slides through a series of background images at a given speed......
background-image-slider

Yet another jQuery Image To Background plugin which converts the original images into CSS background images in their parent containers, while maintaining the original aspect ratios......
responsive-image background-image

slimParallax is a simple, lightweight jQuery plugin to create responsive smooth parallax scroll effect on background images that auto update on window resize & scroll......
parallax

mkParallax is a super small jQuery plugin that applies a smooth, performance, scroll-triggered parallax effect to background images......
parallax scrolling

EasyImg is a dead simple and cross-browser jQuery plugin which adds inline background images to container elements using HTML data attributes......
background background-image

sliderResponsive is a tiny jQuery plugin for creating a fully responsive background image carousel/slider/slideshow with animated captions and pagination/navigation controls......
Carousel background-slideshow

bgChange is a small jQuery background slideshow plugin that automatically switches between background images with a cool configurable transition effect......
background-slideshow background-image

swapBackground is a jQuery plugin for responsive, cross-platform background images that automatically swaps the background image sources on different screen resolutions......
responsive-image background background-image

nLazy is a super lightweight (<1kb) jQuery plugin which delays loading of background images until the containers enter viewport......
lazy-load

Shared Background is a lightweight fancy jQuery plugin that makes multiple containers share the same background image......
background background-image

Sizee.js is a jQuery plugin which makes any pictures wrapped in the img tag adaptive on any screen sizes just like the responsive background images using the CSS background properties......
responsive-image

Easy Parallax is a lightweight jQuery plugin used for adding a subtle parallax effect (plus rotate, scale, fade in and fade out effects) to background image......
parallax scrolling

Bgimg is a really simple jQuery plugin that adds background images to specific container without writing any CSS......
background background-image

A responsive, cross-platform jQuery carousel / slider plugin which enables the users to slide through a set of background images via touch swipe or mouse drag events......
Carousel Image-Slider

A simple, responsive, fullscreen jQuery slideshow plugin that rotates the images with a z-index behind the page content to give the appearance of a background image......
background-slideshow background

Just another jQuery background slideshow plugin which fades through an array of background images within a specific container......
background-slideshow

A dead simple jQuery slideshow / carousel component that allows for looping infinitely through a group of background images with a CSS3 based transition effect......
Carousel background-slideshow

parallax.js is a very small jQuery plugin which helps you apply background image parallax scrolling effects to your website using html5 data attributes......
parallax scrolling background background-image

Mini BgSwitcher is an ultra-light jQuery plugin used to switch background images of your webpage / container like an image slider or a fullscreen background slideshow......
Image-Slider background-slideshow

pslider is a concise jQuery plugin that takes a group of links with background images and converts them into an automatic banner slideshow with a crossfade transition effect......
Image-Slider background-slideshow

ChangeBackground is an Html5 localStorage based jQuery plugin that allows the user to switch the background images of your webpage......
background background-image

A cross-browser jQuery plugin that automatically stretches an images to fill the full window while preserving aspect ratio and maintaining centering......
image-resize background background-image

bglazyload.js is a super simple jQuery plugin used to delay loading of images until container is scrolled more than 33% in viewport......
lazy-load background-image

Wallpaper is a tiny jQuery plugin that has the ability to scale a background image to fill and fit a div container while resizing the browser......
background background-image

A scope/spotlight effect made with jQuery and CSS that allows you to reveal part of fix positioned background image using jQuery mousemove() function......
background background-image

An extremely simple jQuery plugin to display a set of images as a background carousel/slideshow with cross-fade transitions......
Carousel background-slideshow

Clove.js is an easy and customizable jQuery plugin used to add familiar Parallax scrolling effects to your backgrounds, with jQuery easing support......
parallax scrolling

SSlide is a simple jQuery image rotator/carousel plugin which allows you to slide through a series of background images defined in a data array......
Carousel Image-Rotator

With Html5, CSS3 and a little jQuery magic, we‘re able to create a simple famous parallax effect on the background images as you scroll the web page......
parallax scrolling

easybg.js is a simple easy jQuery plugin which allows you to automatically & periodically change a set of specific background images like a slideshow......
background-slideshow background background-image

Background Fit is a jQuery plugin for responsive design that resizes the background image to fit your screen/container......
background background-image

invertImgText.js is a smart jQuery plugin used to change the font color according to its background image dominating color......
background background-image

JS Background Slider is an extremely simple jQuery plugin which enables you to cycle through a set of images at a certain interval as like a full page background slideshow......
background-slideshow background

Background Cycle is a simple lightweight jQuery plugin that enables you to cycle through an array of background images within a given container......
background-slideshow background

Random Wall is a simple jQuery plugin that randomly and automatically switches background images of an Html container at a certain delay time......
background background-image random-background-image

Just another simple yet customizable jQuery background slideshow plugin that enables you to automatically switch the background images of your page at a certain speed......
background-slideshow background background-image Fullscreen

Aurora is a lightweight jQuery plugin for displaying a random background image of an element that fetches a randomly selected image from Flickr by tags......
background background-image random-background-image

randomBackground is a small jQuery plugin that change background image of you page/container randomly on page load or refresh......
background background-image random-background-image