background preloader

Supersized - Full Screen Background Slideshow jQuery Plugin

Supersized - Full Screen Background Slideshow jQuery Plugin

http://buildinternet.com/project/supersized/

Backstretch: a simple jQuery plugin that allows you to add a dynamically-resized background image to any page Advertisement a simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element by Scott Robbin Download Backstretch Now link to a hosted copy on cdnjs.com or download the entire project, including examples. Design. Manage. Publish. Code-Free Professional Websites. Create pixel-perfect, responsive websites for your clients. Code-free. Bring any web design to life with pixel-by-pixel accuracy, independently. Webydo will automatically convert your design into an updated HTML code + CMS (Content Management System) for your client.

jquery-tubular - a jQuery plugin for full-size YouTube video backgrounds demo: seanmccambridge.com/tubular Usage is straightforward and requires JavaScript on the client's browser to work. Tubular is a jQuery plugin and therefore relies on jQuery. You will need to know the YouTube ID of the video you want to use as well as the container DIV of your web page. Please note, tubular must be deployed on a web server to function. The YouTube player will not work when loaded into your browser from your machine.

Using jQuery for Background Image Animations After reading Dave Shea's article on CSS Sprites using jQuery to produce animation effects, I felt like playing around with things to see what could be done but accomplish it with a simpler HTML structure (no need for adding superfluous tags) and simpler code, too. Changing the position of the background image felt to be the best approach to creating the type of effect we're looking for (and I'm not the first to think so: see the examples at the end of this article). jQuery is a great library for this type of task but out of the box, it can't animate background position properly because of the need to animate two values instead of just one (too bad not all browsers implemented the non-standard background-position-x and -y like Internet Explorer). You'll have to use the Background-Position plugin that is linked in the demo (the original plugin is no longer available on the jQuery site).

jQuery Backstretch by Scott Robbin Advertisement a simple jQuery plugin that allows you to add a dynamically-resized, slideshow-capable background image to any page or element by Scott Robbin Download Backstretch Now link to a hosted copy on cdnjs.com or download the entire project, including examples. Do you see the full-sized background image on this page? In a nutshell, that's what Backstretch does.

Related: