SelectNav.js - responsive drop-down menu - pure JavaScript. A Preloading Screen to Preload Images. jPreLoader | A Preloading Screen to Preload Images Plugin updated: New version of jPreLoader launched with new features like auto exit, one time preload and some bugs fixed. See change log for more details. Howdy, all! Today I would like to share with you a brand new jQuery plugin, called jPreLoader. jPreLoader can create a preloading screen for your website before all your images (including the images in CSS) are fully loaded. It will come in handy when you wish to preload all the images on your page before exposed to user. Well, you can also create a Splash Screen during preloading process to introduce your products, or describe about your page, or show the instructions of gameplay as well as put an advertisement during the waiting time of your user. jPreLoader works well with jQuery 1.7.1 (others haven’t tested yet) and compatible with IE7 and above, Chrome, Firefox and Safari.
This idea is inspired by Gaya’s cool “QueryLoader2” plugin which able to preload your website in style. 1. Image Menu with Jquery - Design Tips & Techniques - Maui Blog. I have always thought that imagemenu sliding effect is really cool and that it would be nice if it worked with jQuery.
Introducing a Mootools image menu ported to Jquery. If you have ever seen the image menu javascript for mootools by phatfusion and liked what you saw well here is a Sliding Image Menu alternative I've come up with using the power of jquery javascript. Functionality Checklist for our Sliding Image Menu for Jquery. Here is what we need our Jquery horizontal sliding image menu to do: Jquery compatible script. Let's take a look at the XHTML, CSS, and JavaScript that makes it all work.
Jquery Image Menu Version 1, View Demo, Download Source. Here is the HTML for just the jquery Image Menu itself: <div class="jimgMenu"><ul><li class="landscapes"><a href="#">Landscapes</a></li><li class="people"><a href="#">People</a></li><li class="nature"><a href="#">Nature</a></li><li class="abstract"><a href="#">Abstract</a></li><li class="urban"><a href="#">Urban</a></li></ul></div> View CSS...
Introduction to Three.js. Ilmari Heikkinen Who am I? Ilmari Heikkinen @ilmarihei | fhtr.org/plus | fhtr.org Google Chrome Developer Programs Engineer I write demos, do presentations, write articles Slides available at fhtr.org/BasicsOfThreeJS Repo at github.com/kig/BasicsOfThreeJS Three.js? Three.js is a JS 3D Engine github.com/mrdoob/three.js Lightweight Easy to use Batteries included WebGL renderer (our focus today) Also has Canvas and SVG renderers Basic setup Renderer. Sliding Horizontal Parallax Theme. Responsive Img - a jQuery Plugin for Responsive Images. Breakpoints are key/value pairs of filename suffixes and width breakpoints in pixels.
Pairs should be wrapped in brackets and separated by commas (leave off the last comma). srcAttribute is a string for the attribute that holds the image's source. This defaults to src, but should be overridden if the src attribute holds a placeholder image. pathToPHP is a string for the path from the file that calls Responsive Img to the PHP file that creates new images. This value is js by default, because I like the PHP file and the Javascript file both in the same js folder. createNewImages is a boolean that lets you override the default option to create different sized images on the fly. jpegQuality sets the image quality when creating new jpegs. Callback is an optional function that will run after Responsive Img finishes switching the image. 100 Popular jQuery Examples, Plugins and Tutorials » TemplateLite.com.