Plugins

User login
Can't find a Plugin?

Can't find a Plugin you are looking for? Check out the jQuery Wiki page.

Are you a plugin developer? Please move your plugin over to this site.

Website Bug or Feature Request?

Found a bug on the new jQuery Plugin website? Have a feature request?

Submit it to the jQuery Plugin website issue queue to ensure it is noticed!

fire callback on loaded images


ctRotator

Average rating
(4 votes)

An highly customizable item/image rotating script. Supports creating the rotator from various data sources, such as JavaScript object, HTML UL/OL list, RSS feed, Flickr feed. More data sources can be supported with custom bridges.

Preview the plugin: http://test.thecodecentral.com/ajax-rotator/
Full documentation: http://thecodecentral.com/2008/11/12/ctrotator-a-flexible-itemimage-rota...

Call ctRotator with a data source on a selected element:

<ul id="container"></ul>

<script type="text/javascript">
$('#container').ctRotator(dataSource, {
  showCount:5,
  speed:1000
});
</script>

Format of the data source (can be from other sources):

var dataSource = [
{title: 'test', url: 'http://thecodecentral.com', tip: 'Programmer\'s blog for programmers'},
{title: 'test2', url: 'http://thankyouproject.org', tip: 'Fill the World with Thanks'},

onImagesLoad

Average rating
(3 votes)

'onImagesLoad' is a simple plugin that will callback a function when:

  • - All images within each item of the $(selector) have loaded (the 'itemCallback')
  • - All images within the entire $(selector) have loaded (the 'selectorCallback')

Visit the official website for examples and documentation.

OPTIONS
itemCallback

  • - Data Type: function (default=null)
  • - This function is invoked when all images within a single item of $(yourSelector) have loaded.
  • - Each object selected in the $(selector) gets its own callback.
    • - For example, if the selector is $('.imageHolder') and the page has multiple items with class 'imageHolder', each imageHolder item will fire its own callback independently.