background preloader

JQuery Cycle Plugin

JQuery Cycle Plugin
Check out Cycle2, the latest in the Cycle line of slideshows. The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more. It also supports, but does not require, the Easing Plugin. The plugin provides a method called cycle which is invoked on a container element. Each child element of the container becomes a "slide". Images are used in these demos because they look cool, but slideshows are not limited to images. Use the Effects Browser page to preview the available effects. For more about options, see the Options Reference page. Frequently Asked Questions Special thanks to Torsten Baldes, Matt Oakes, and Ben Sterling for the many ideas that got me started on writing Cycle in 2007.

http://jquery.malsup.com/cycle/

Related:  Sliders and fancyboxWebsite building

fancyBox - Fancy jQuery Lightbox Alternative What's new Version 2 is completely rewritten with new features and updated graphics. Notable changes Extendable using helpers Responsive (try resizing window while fancyBox is open) Integrated slideshow New gallery transitions Uses CSS3 (shadows, round corners) Updated plugin options (not compatible with previous versions) Now licensed under Creative Commons Attribution-NonCommercial 3.0 Instructions JQuery Cycle Plugin - Option Reference The cycle function can be passed a command string in the form: $('#slideshow').cycle('command'); The following command strings are supported: 'pause' // pauses the slideshow, slideshow can be resumed with 'resume' command 'resume' // resumes a paused slideshow 'toggle' // toggles the pause/resume state of the slideshow 'next' // advances slideshow to next slide 'prev' // advances slideshow to previous slide 'stop' // stops the slideshow 'destroy' // stops the slideshow and unbinds all events The following default options are provided by the plugin.

jQuery Ketchup Plugin - Documentation Ketchup is a small (3.4KB minified & gzipped) jQuery Plugin that helps you to validate your forms. Out of the box it has 18 basic validations and a bubble like style. But truly this Plugin wants to be hacked to fit your needs. Easily write your own validations and overwrite/extend the default behaviour.

jQuery PowerTip PowerTip features a very flexible design that is easy to customize, gives you a number of different ways to use the tooltips, has APIs for developers, and supports adding complex data to tooltips. It is being actively developed and maintained, and provides a very fluid user experience. Download v1.2.0Zip file with examples, CSS, and script. Here are some basic examples of PowerTip in actions. You can also fiddle with PowerTip on the official JSFiddle demo. Placement examples

55 jQuery Animate Resources Back in the day most people would use Flash on their website in order to enhance their website with stunning animation. Now, jQuery is a power house programming language that webmasters have at their disposal. Now slowly but steadily jQuery has stolen all the limelight from Flash and has fascinated the developers with its unmatchable features. jQuery is known as write less do more script. jQuery Animate in such a wonderful tool that you don’t even have to consider using flash anymore. We have collected a ton of really great jQuery Animate Tutorials which will open new doors of possibilities for you.

Fancy jQuery lightbox alternative 1. First, make sure you are using valid DOCTYPE This is required for FancyBox to look and function correctly. 2. Include necessary JS files Loading jQuery from CDN (Content Delivery Network) is recommended 40 Awesome jQuery Plugins You Need to Check Out Scrolling jQuery Waypoints Waypoints allows you to easily trigger JavaScript events at specific scroll points. Ever wonder how people build those amazing scrolling effects? This could be your answer. skrollr

jQuery Quicksand plugin Quicksand Reorder and filter items with a nice shuffling animation. Activity Monitor 348 KB Address Book1904 KB Finder 1337 KB Front Row 401 KB Google Pokémon 12875 KB iCal 5273 KB iChat 5437 KB Interface Builder 2764 KB iTuna 17612 KB Keychain Access 972 KB Network Utility 245 KB Sync 3788 KB TextEdit 1669 KB jQuery Zoom A plugin to enlarge images on touch, click, or mouseover. Fork me on GitHub Demo JQuery Cycle Plugin - Intermediate Demos (Part 2) Rather than have transitions occur on a timer you can choose to have transitions occur in response to a click event. The prev and next options are used to identify the elements which should be the triggers for prev/next transitions. When used in conjuction with timeout = 0 the effect is a manual slideshow. The values for prev and next can be a DOM element or any valid jQuery selection string.

50 Websites For Free Vector Images Download Unlike raster images, vector images are flexible and scalable enough to not lose quality when stretched out beyond their original size. This makes it perfect for use for both web and print design. In fact, we have plenty of compilations that feature vector images (you can start with our multipurpose vector icon sets) but in case you want to do your own searches, we have the next best thing. In this post are 50 websites you can check out to download the free vector images, icons and logos you want.

Related: