はてなブックマーク

Commands 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 slidesho

Overview The jQuery Cycle Lite Plugin is a lighter version of the Cycle Plugin. The Lite version is optimized for file size and includes only a fade transition (though other transition effects can be created using options). It also supports pause-on-hover, auto-fit, before/after callbacks, click triggers and adjustable timeouts and transition speeds. How it Works The plugin provides a method calle

‹‹ cycle homejQuery Cycle Plugin - More Demos Download the Cycle Plugin Links to Additional Demos Pager on top of slideshow Using multiple transition effects in a single slide slideshow Using images with anchors Using "pager" functionality with auto-advance Advanced "pager" Demo Another Advanced "pager" Demo scrollHorz and scrollVert demos Pause/Resume demo Pause/Resume callbacks demo Specifying t

‹‹ cycle homejQuery Cycle Plugin - Auto-Pager Demo This page shows how to create a pager that auto-advances. $('#slideshow').before('<div id="nav">').cycle({ fx: 'turnDown', speed: 'fast', timeout: 3000, pager: '#nav' });

‹‹ cycle homejQuery Cycle Plugin - More Demos Download the Cycle Plugin Links to Additional Demos Pager on top of slideshow Using multiple transition effects in a single slide slideshow Using images with anchors Using "pager" functionality with auto-advance Advanced "pager" Demo Another Advanced "pager" Demo scrollHorz and scrollVert demos Pause/Resume demo Pause/Resume callbacks demo Specifying t

‹‹ cycle homejQuery Cycle Plugin - Download This project is actively maintained. Check back for updates or follow the development on github.

1 - Define Your Markup and Styles All of the examples on this page use the following markup and CSS: <div class="pics"> <img src="images/beach1.jpg" width="200" height="200" /> <img src="images/beach2.jpg" width="200" height="200" /> <img src="images/beach3.jpg" width="200" height="200" /> </div> .pics { height: 232px; width: 232px; padding: 0; margin: 0; } .pics img { padding: 15px; border: 1px s

On April 16th, 2007, Google announced the Google AJAX Feed API. This is a pretty cool thing as it facilitates feed mashups by providing the server component. This means that developers can easily mash feeds on the client by simply including Google's new API script. And Google has provided a nice Developer's Guide which shows how to get started. To simplify this even more for jQuery developers, I'v

Click Transitions - prev and next 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 v

JavaScript Form Serialization Comparison:   jQuery • dojo • Prototype • YUI • MochiKit This page tests two things about JavaScript form serialization: quality and speed. Quality is dertermined by analyzing the serialized output according to the W3C Recommendation. Speed is measured using Firebug to time (or profile in FireFox) numerous iterations of the serialization process.[1] If you believe the

Overview The jQuery BlockUI Plugin lets you simulate synchronous behavior when using AJAX, without locking the browser[1]. When activated, it will prevent user activity with the page (or part of the page) until it is deactivated. BlockUI adds elements to the DOM to give it both the appearance and behavior of blocking user interaction. Usage is very simple; to block user activity for the page: $.bl

Overview The jQuery Form Plugin allows you to easily and unobtrusively upgrade HTML forms to use AJAX. The main methods, ajaxForm and ajaxSubmit, gather information from the form element to determine how to manage the submit process. Both of these methods support numerous options which allows you to have full control over how the data is submitted. Submitting a form with AJAX doesn't get any easie

Frontend Masters has kick-ass, on-demand videos and courses in frontend tech. Check 'em out! - malsup BlockUI Plugin Simulate synchronous ajax by blocking - not locking - the UI. This plugin lets you block user interaction with the page or with a specific element on the page. Also great at displaying modal dialogs. Corner Plugin Rounded corners without images! Plus lots of other interesting corner