Plugins

The plugins site is currently in development.

We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.

Plugins


1 week 2 days ago

AJAX-ZOOM player is a powerful single image zoom & pan viewer with optional gallery extension. It features over 300 other options and can be easily integrated into any website, eCommerce solution or CMS.

AJAX-ZOOM uses image tiles to quickly generate a portion of the zoomed image (similar to Google Maps).

In a special 360° rotation mode it can also be used as object spinner.

Links
Examples
Magento (demo store)
xt:Commerce (xtcModified demo store)
VR Objects 360° (3D Spin & Zoom)
Oxid (demo store)

< < < < < < < < < < <
1 year 27 weeks ago

Amazon style image and title scroller with jQuery.

More script and css style: www.htmldrive.net

< < < < <
1 year 19 weeks ago

What is jQTubeUtil?

» A JSON-based YouTube Search utility.

What can it do?

» Search YouTube using keywords
» Search YouTube's standard feeds
» Fetch a specific YouTube video
» Get Autocomplete suggestions for YouTube

Why would I want to use it?

» Search YouTube FAST(client side)
» Get up and running with basic YouTube searches in no time
» Integrate YouTube into your site!
» Play with a friendly response of YouTubeVideo objects

Show me something

Gladly... Check out some examples
< <
1 year 27 weeks ago

Integrate and get complete access to the Embedded YouTube Player on your site now! This plugin is essentially a jQuery wrapper for the YouTube Player API.

jQuery("#player").tubeplayer({
        width: 425,
        height: 355,
        allowFullScreen: "true",
        initialVideo: "DkoeNLuMbcI",
        playerID: "youtube-player",
        preferredQuality: "default",
        onPlay: function(id){},
        onPause: function(){},
        onStop: function(){},
        onSeek: function(time){},
        onMute: function(){},
        onUnMute: function(){},
        onPlayerUnstarted: function(){},
        onPlayerEnded: function(){},
        onPlayerPlaying: function(){},
        onPlayerPaused: function(){},
        onPlayerBuffering: function(){},
        onPlayerCued: function(){},
        onErrorNotFound: function(){},
        onErrorNotEmbeddable: function(){}
});

The events bound with this plugin are ...

<
1 year 20 weeks ago

A jQuery content rotator plugin (tested on 1.3 & 1.4)

Features:

  • Automatically (optional) adds navigation between images/content
  • HTML of the previous and next tags can be passed as parameters to the plugin
  • Automatically (optional) transitions between images/content
  • Duration of image/content display and transition speed can be passed as parameters to the plugin
  • Called on an element containing elements that will be rotated i.e. $('.containing_element).sideswap();
  • More documentation coming soon

< < < <
2 years 2 weeks ago

Visual Lightbox is a jQuery plugin for lightbox-style photo galleries and slideshows.

Visual jQuery LightBox Features

  • Slideshow with autostart option
  • Thumbnail and code generator for Windows & MAC
  • XHTML compliant
  • Zoom effect with overlay shadow
  • Rounded corners of overlay window
  • Large images fit to browser window
  • Overlay floating - image floats on scroll staying always visiable
  • Smooth cross-fade transition & animation
  • Image preloading after the page is loaded
  • Keyboard navigation
  • Graceful degradation when javascript is not available
  • A lot of nice gallery themes
< < < < < < < < < <
1 year 19 weeks ago

This is my next jQuery plugin which can help you to create image viewing in your site more useful.
You can download this plugin only on 4coder.info

< < <
1 year 37 weeks ago

Interesting effects, which can be used on site-header. For more information visit 4coder.info

Example:

<ul id="mindscape">
    <li><img src=".../mindscape1.png" /></li>
    <li><img src=".../mindscape2.png" /></li>
</ul>

$(function() {
    $('#mindscape').smart3d(850);
});

#mindscape {
    width: 750px;
    height: 174px;
}

Compatibility:

IE 6, 7, 8, 9
FireFox 2.2, 3.6
Safari 3.2.1, 4.0.5
Opera 9.52, 10.01, 10.10
Chrome 5.0

You can download this plugin only on 4coder.info

< < <
1 year 37 weeks ago

When I noticed the growing popularity of JS-Slide and JS-Fade effects I have decide to develop a plugin for jQuery. This plugin will help you to add thise effects to the site in more simple way.

Example:

<script type="text/javascript">
jQuery(function() {
      jQuery('.slide1').ulslide({
            width: 443,
            height: 'auto',
            bnext: '#e1_next',
            bprev: '#e1_prev',
            axis: 'x',
            autoslide: 2000
      });
});
</script>

<ul class="slide1">
      <li> <img src="images/image-1.jpg" alt="" /></li>
      <li> <img src="images/image-2.jpg" alt="" /></li>
      <li> <img src="images/image-3.jpg" alt="" /></li>
</ul>
<a id="e1_prev" href="#">Previous</a>
<a id="e1_next" href="#">Next</a>

Compatibility:

IE 6, 7, 8, 9
FireFox 2.2, 3.6
Safari 3.2.1, 4.0.5
Opera 9.52, 10.01, 10.10
Chrome 5.0

< < <
2 years 19 weeks ago

Mapbox is a plugin for creating zooming, draggable maps of limited size and depth, which have a defined boundary. It has many methods such as the ability to center the map on any given point, zoom in or out, zoom to any particular level, and move in any direction. All of these may also be accomplished either by dragging the map or with the mousewheel in conjunction with the mousewheel plugin.

An example may be seen at http://wayfarerweb.com/jquery/plugins/mapbox/ along with all of the configuration details and external methods.

Contained within a "viewport", each map has the potential for as many layers as is possible performance wise, with the zooming detail being able to be configured in the settings, depending on the smoothness needed (number of transitions) between each layer. It reproduces a Flash app I needed to replace, with the advantage of being much more portable, since it uses natural static HTML elements.

< <
1 year 44 weeks ago

Simplethumbs is an easy to use thumbnails script for jQuery for quick thumbnails gallery creation. It also has an autoplay feature for automatic cycling of the images. It is a very basic script, but is easy to configure with 4 callbacks to easily integrate with custom code if needed.

Here's my sample page and some documentation: http://wayfarerweb.com/jquery/plugins/simplethumbs/

Although very lightweight, it is probably all you'll ever need for a thumbnail gallery.

<
2 years 9 weeks ago

This is plugin allows you to create sexy hover effect for images ;)

< < <
2 years 9 weeks ago

This plugin allows you to create dynamic, controllable slideshows or presentations for your website.

Simply define a block of HTML to be a slideshow or presentation. You can use any tags like <p>, <img>, <div> etc.

< <
1 year 20 weeks ago

A full featured image gallery, with nav toolbar, thumbnails, autosize frame.

DEPENDENCIES:
none

HOW DOES IT WORK:

here is the js call:

$(function(){
$('#g1').mbGallery({
         maskBgnd:'#ccc',
         overlayOpacity:.9,
         startFrom: 5
      })
});

here is the code for each image:

<div  id="g1" class="galleryCont">
    <a class="imgThumb" href="gallery1/LR/01.jpg"></a>
    <a class="imgFull" href="gallery1/HR/01.jpg"></a>
    <div class="imgDesc">Description 01</div>
</div>

Params

* containment:“body”, (string) the containment element of the galery
* cssURL:“css/”, (string) the path to css
* skin:“white”, (string) the name of the css file to invoke
* overlayBackground:“#333”, (string) the exhadecimal value of the overlay color
* overlayOpacity:.5 (int) the opacity value of the overlay

< < < < <
2 years 16 weeks ago

A photogallery for extralarge images with navigator.
You can drag your extralarge image in the display by the navigator or the image itself.
Enjoy yourself into images!

dependencies:

jquery.js(1.3)
ui.core.js (1.6rc5)
ui.draggable.js(1.6rc5)

How does it work:

here is the js call:

$(function(){
   $("#navArea").imageNavigator( {
          areaWidth: 700,
          areaHeight:500,
          draggerStyle:"1px dotted red",
          navOpacity:.8
    })
})

here is the code for each image:

<div id="navArea">
<div imageUrl="DSC00844.JPG" navPosition="BR" navWidth="100" style="display:none;" class="imagesContainer">
<span class="title">zuccheriera</span>
<div class="description"><STRONG>description1</STRONG></div>
</div>
[...]
</div>

Params:

areaWidth and areaHeight are the width and the height of the display;

< < < < <
2 years 16 weeks ago

Slide your images into a mask!

Build your own png mask and choose your images to slide inside!

Releases:

1.0 first release

dependencies:

jquery.js (1.2 -> 1.3.1)

How does it work:

here is the js call:

$(function(){
$("#g1").mbMaskGallery({
type:"normal",
galleryMask:"mask/monitor.png",
galleryColor:"black",
galleryLoader:"loader/loader_black.gif",
loaderOpacity:.3,
loader:false,
fadeTime: 200,
slideTimer: 6000
});
})

here is the code for each container:

<div id="g1" class="galleryCont" >
<img src="images/3.jpg">
<img src="images/2.jpg" url="mbMaskedGallery1.html">
<img src="images/5.jpg">
<img src="images/4.jpg">
<img src="images/6.jpg">
<img src="images/7.jpg">
<mg src="images/8.jpg">
</div>

Params:

type axcept random or normal;

< < < <
1 year 38 weeks ago

Do you want to show a movie from youtube, vimeo, flickr, livestream, ustream?
Or you want to have your audiopodcast (mp3 file) on your web page?
Nothing easier with mb.mediaEmbedder!

see the demo: http://pupunzi.com/#mb.components/mb.mediaEmbedder/mediaEmbedder.html

< <
1 year 33 weeks ago

Use this chromeless player to show your favourite Youtube movies on your page!
Or easily transform your Youtube movie into a HTML background!

This jquery component let you have a chromeless, customizable player for your favorite YT movies. It can be used as background of your HTML page.

< < < <
1 year 41 weeks ago

This plugin rotates images in a three dimensional (simulated) carousel. Optionally, all images can have a description element attached to them that pops up on an overlay whenever that image rotates to the center.

To view a better description of the carousel, including all options and examples, visit my website (bkosborne.com).

Tested and works with jQuery version 1.4.2

< < < < < <
1 year 41 weeks ago

This carousel will take a list of any number of images and rotate them out in either a vertical or horizontal fashion, cascading in with a nice simulated 3D effect. Currently only works with images that are the same dimensions. Many options to customize how it operates and looks. View my website for demonstrations and more.

Tested and works with jQuery version 1.4.2

< < < < < < < <
2 years 29 weeks ago

An image gallery plugin with a list of thumbnails below the image. Not quite like Lightbox or Thickbox, but more of a showcase type of gallery.

< <
2 years 25 weeks ago

A simple script to add simple wordpress style captions to images using existing attributes on the image (longdesc, title, alt, or any other attribute you specify).

Takes on the existing float attribute from the image (if set).

Tested in conjunction with TinyMCE's image placement and seems to work well.

Should be very customisable, but is very simple!

You are free to distribute, modify and re-release this code.

< < <
1 year 27 weeks ago

New version 1.3 07-24-2010!
Advanced List Rotator 1.3 just released, check the updated home page!

The purpose of Advanced List Rotator is to show each list item for a period of time, then jump to the next using pretty effects. It also utilize a helper list which can act as thumbnails for a gallery or tabs for a banner rotation. By hovering items in the helper list the main list will automatically show the connected item and pause the rotation. Once the user removes the mouse from the item the rotation will continue from that point. But, it can do so much more…

Advanced List Rotator is highly customizable. You can customize effects, timers, class names, start points, randomness, shuffle, user interaction triggers and wether or not the rotation engine should be enabled. This all allows for many fun variants of the plugin. Check out the example page to see some of the possibilities.

< < < < < <
1 year 31 weeks ago

aeImageResize is a jQuery plugin to dynamically resize the images without distorting the proportions. The plugin automatically works out how to resize the image so it fits in the dimensions passed.

Example

<script>
$(function() {
$(".resizeme").aeImageResize({height: 200, width: 250});
});
</script>

<img src="./sample1.jpg" class=resizeme>
<img src="./sample2.jpg" class=resizeme>

<
2 years 28 weeks ago

Currently in beta version. Not tested for security. Security & Feature enhancements on the way!

Jquery plugin that allows you to easily create a custom carousel. Call Jquery UI to enable many different additional transition types and easing methods. Uses PHP to draw images from the folder you specify. Configure many different options including controls, slide timer length, easing type, transition type and more!

Reqires PHP 5.2+

View Examples!

http://www.agilecarousel.com

Download

http://code.google.com/p/agile-carousel/downloads/list

Instructions

See http://www.agilecarousel.com/instructions

< < <
2 years 40 weeks ago

AjaxScroll is an lightweight jQuery plugins . Provided the ajax scollpane to replace the Next/Previous buttons, behaviour similar as MSN Image Search(Live.com Search).

< < < < <
2 years 9 weeks ago

Hi Dear,
Mohammad Ebrahim Amini Faravaghi
Thank You For Visit.
--Best Regards

< < < < < < < < < < < < < < < < < < < < <
1 year 18 weeks ago

Awkward Showcase is a Content Slider. But it can do more then just slide the content. For example you can add tooltips or enable thumbnails.

View Demo or Download

Some Nice Features

- A slide can contain any type of HTML element.
- Advanced captions, with different animations.
- Position tooltips based on x- and y-coordinates.
- Advanced function for thumbnails, both horizontal and vertical.
- It’s an infinity slide (orbit slide).

<
3 years 6 weeks ago

If you've ever found yourself wishing you could add multiple/layered backgrounds to a div tag, you found that multiple backgrounds for div tags were not supported. The solution is to use the Background Layers plugin. The concept is similar to the use of layers in Photoshop, one background image on top of another.

< < < <
2 years 25 weeks ago

This is a compact script that will rotate between sets of pictures alternating the bottom from before and after.

< < <