Sunday, 8 September 2013

Fancy Typewriter - jQuery plugin

Fancy Typewriter is a jQuery plugin for creating stunning menu effects and much more. Just add the plugin to any tag, which contains text. Check out the preview, which says more than words.

Options

  • targetText – A string which contains the target text
  • steps – The number of steps for each letter
  • timeBetweenSteps – The time in ms for each step
  • autoPlay – Start the effect automatically(true or false)
  • underScore – Set a underscore at the end of the text(true or false)
  • mouseOver – Enable/disable the mouseenter event, so when you move your mouse over the text, it starts from beginning(true or false)
  • type – Type each letter one after another (true or false)
  • uppercase – Add uppercase letters to the typewriter effect (true or false)
  • lowercase – Add lowercase letters to the typewriter effect (true or false)
  • numbers – Add numbers to the typewriter effect (true or false)
  • customCharacters – A string which contains own characters for the typewriter effect (e.g. ‘4,t,/,?’)
  • callback – A function that will be called when the effect has ended




Original Link: http://codecanyon.net/item/fancy-typewriter-jquery-plugin/158664?ref=aksoftwareus
http://codecanyon123.com/fancy-typewriter-jquery-plugin-a607.html

Region Detection (jQuery)

Monitor clicks and hover inside or outside a specified HTML element’s region. Events are easily bindable using jQuery’s on/off methods.


Original Link: http://codecanyon.net/item/region-detection-jquery/159908?ref=aksoftwareus
http://codecanyon123.com/region-detection-jquery-a605.html

Drift

DRIFT is a jQuery plugin designed for use with elements that remain relevant to the user throughout their scrolling experience. When DRIFT becomes activated it will enable the element to constantly drift towards the attention of the user, resting and then re-activating in accordance with the user's scrolling actions.

Imagine a shopping cart in the sidebar of your website. It would be greatly beneficial to the user if that shopping cart remained in their view even when scrolling down the page. The same can be said for navigation menus, user alerts or advertisements. Use this plugin as you wish.

Its features:

  • Compatible with all major browsers.
  • No browser or feature sniffing.
  • Intuitive API with a wide array of options.
  • You can decide the bounds of the drifter. Where it goes, how it goes, and how fast it goes. Everything is configurable.
  • 16KB documentation in HTML format, viewable in the browser, with code examples and an FAQ (which I hope will be expanded in the future)
  • You can add new modes of drifting. Currently there are five default modes, including elastic animation, regular animation, bounce animation, static (non animated) and fade (I hope to add new modes in the future).

Original Link: http://codecanyon.net/item/drift/222963?ref=aksoftwareus
http://codecanyon123.com/drift-a597.html

jQuery Text Animation

Added in 1.1

  • callback functions after effect is finished
  • ‘typing’ effect
  • multiline support for: random_explosion, random_implosion, twitching, mouseover_escape, typing

Text Animation plugin lets you to add to any text specified text animations. Currently those are:
  • random_explosion
  • random_implosion
  • sinusoid
  • twitching
  • mouseover_escape
  • shuffle
  • typing
Single line texts only (as for now)

Just choose a container with a text and fire “netkevin_text_animation” on it with chosen animation method and animation settings.

Check the preview to test all text effects available
  • 7 animations available
  • very easy to use and configure
  • lightweight – only 7KB minified version
  • easy to add new animations by jQuery developers

Original Link: http://codecanyon.net/item/jquery-text-animation/233445?ref=aksoftwareus
http://codecanyon123.com/jquery-text-animation-a592.html

Assign (jQuery)

With the assign script you can easily assign keyboard shortcuts to any action you wish to perform on a web page. This can particularly be useful for web applications or to enhance accessibility on web pages. It’s very easy to use as the code syntax is very similar to jQuery’s “bind” method.


Original Link: http://codecanyon.net/item/assign-jquery/157596?ref=aksoftwareus
http://codecanyon123.com/assign-jquery-a609.html

jQuery Plugin - Page Peel

With this plugin you can peel a corner of a website and see the message below. Most of these effects are developed in Flash, but in this case simply use the jQuery library. You only need to alter few CSS rules to completely change their appearance and perfectly match them to your website.

Features

  • Customize through CSS
  • Easy implementation
  • Lightweight
  • Works in all major browsers

What’s included?

  • jQuery library
  • jQuery plugin: Page Peel
    • Minified
    • Uncompressed for developers
  • Default and Core CSS file: style.css
  • Example: example folder

Changelog

v2.0 (17/07/2011)

      * Completely rewritten  

v1.1 (11/02/2011)

      * Fixed a wrong option  

v1.0 (04/02/2011)

      * Initial release  

Original Link: http://codecanyon.net/item/jquery-plugin-page-peel/159387?ref=aksoftwareus
http://codecanyon123.com/jquery-plugin-page-peel-a608.html

DonateNic - Amazing Donation Button

DonateNic is a jQuery plugin that you can build your own paypal donation button with a few easy steps. If you want to attract your visitors with nice looking, eye-catching CSS3 buttons and get more donation, this amazing donation button is made just for you.

It is Custimizable You can customize almost every detail of your donate button like font colors, font sizes, background colors, mouse over colors, font-family, default amount to be donated, text on the button, currency, paypal settings and so on…

It is Easy to Use If you are familiar to jQuery, you may already know how easy is a plugin integration. You just include 2 javascript file to your page, add one line of javascript code and place your button to the page. It takes only 2 minutes to make it running. You can also use our button maker ( http://www.nicblue.com/donatenic/ ) to customize your button as you wish. And… you don’t need to add any paypal form and filds to your webpage.

W3C Standards The button code passes w3c standards test.

Compability Notes On IE6 , IE7, IE8 , IE9, FF 3 , FF3.5, FF3 .6 and Opera all functionality works. On Safari and Chrome, loader image is not visible.

- – - – - – - – - – - – - Update on 03/10/2011 – - – - – - – - – - – - – -

1. We added minimum donation amount to the button. You can set the minimum donation amont and the message when people tries to donate lower then the minimum amount.

2. We added zero donation message. When someone tries to donate zero, a dialog box opens and shows this message.

- – - – - – - – - – - – - Update on 12/18/2011 – - – - – - – - – - – - – -

1. We fixed the round border issue for the new browser versions.


Original Link: http://codecanyon.net/item/donatenic-amazing-donation-button/158045?ref=aksoftwareus
http://codecanyon123.com/donatenic-amazing-donation-button-a606.html

Shiny Tooltips

You can add tooltips to elements which appear when you mouseover them.

Video

Watch Screencast

Features

  • 8 Beautiful colors: green, yellow, orange, red, pink, dark blue, light blue and white.
  • For text, links, images and buttons.
  • Animated using jQuery.
  • No images are used, everything is CSS.
  • A PSD is included and a detailed documentation

Important Information

CSS3 is used for the gradients and shadows but Opera will just render one background color. The gradient background does work with IE because it uses filters. This item is also compatible with Chrome 7 & 8.

There are only 2 files to include in the HEAD: tooltips.min.css and tooltips.min.js. You also need jQuery.

This item comes with a very detailed documentation with lots of examples. A PSD is included.

Changelog

  1.1.0 (Feb 15 2012)  * jQuery 1.7 optimization    1.0.2 (Oct 9 2011)  * Added option to position tooltips in the center  * Updated attribute "text" to "data-text" for  html5 validation    1.0.1 (Feb 17 2011)  * Added support for images inside the tooltips  * Fixed bug where arrows weren't visible in IE6  and IE7  * Fixed positioning bug in IE7  * Fixed multiline bug in IE7  * Fixed link bug in IE6 and IE7  * Fixed left effect in IE6 and IE7    1.0.0 (Feb 12 2011)  * First version  

Original Link: http://codecanyon.net/item/shiny-tooltips/160202?ref=aksoftwareus
http://codecanyon123.com/shiny-tooltips-a604.html

Color Switch

Follow me on CodeCanyon Follow me on Twitter

v1.2 – WordPress version included

Overview

Color Switch is a jQuery background color switcher. Color Switch can automatically rotate between random or your own custom colors.

Package

  • Color Switch JavaScript
  • Color Switch JavaScript (packed)
  • jQuery 1.6.1
  • Custom jQuery UI
  • Documentation & Examples

Features

  • Easy to integrate
  • Cross browser support
  • Object Oriented, so you can use as many Color Switch instances on one page as you’d like
  • Documentation & Examples included
  • WordPress version included

Updates

v1.2 06/18/2011

  • WordPress version included

v1.1

  • Added ‘pauseOnClick’ functionality
  • Updated regular expression checks
  • Added jQuery 1.6.1

Please contact me if you have questions or if you experienced problems using Color Switch.


Original Link: http://codecanyon.net/item/color-switch/162426?ref=aksoftwareus
http://codecanyon123.com/color-switch-a602.html

TextResize

See it in action

To see it in action, head to: http://getfresh.ro/demos/text_resize/

What is TextResize?

TextResize is a jQuery plugin that allows your visitors to adjust the text size of your content.
TextResize adapts both the text size and the line height of the text according to the size requested.

TextResize can be set to allow a maximum number of text size increase/decrease, based on a custom size step. It also features a text reset button, that reverts the text to its initial size.

TextResize is constructed on a parent jQuery selector (e. g. to an element ID, class, tag name) and it can be applied to all child elements, or to a selection of child elements.
You can contain TextResize to a particular HTML element, or apply it to the whole page.

Choose the skin, apply, see effects

Applying the TextResize behavior to your website is simple. You just need to follow the steps below:
  1. Choose the element(s) to which you wish to apply the TextResize behavior.
  2. Choose the location of the text adjustment tools (Decrease, Revert, Increase)
  3. Choose the skin of the adjustment tools (18 currently available skins)
  4. You’re all set, simply paste the code in your page and enjoy
Usage:
<script type="text/javascript"  src="textresize.jquery.js"></script>  <script type="text/javascript">      $('#your_content').textResize({          createNav: 1, // creates the HTML for the  resize links          innerTags: '*', // or you can apply just a  selection: e. g. 'p', 'div'          navHolder: '#tools', // resize links  location: decrease, revert, increase          maxSteps: {increase: 5, decrease: 4} //  how many times one can in/decrease      });  </script>  

Updated v1.1

  • Fixed IE javascript issue.
  • New calling method – you can apply TextResize to a list of parent elements in your page:
    <script type="text/javascript"  src="textresize.jquery.js"></script>  <script type="text/javascript">      $('#your_content,  #another_element').textResize({ // applies text  resize to list of parent elements          createNav: 1, // creates the HTML for the  resize links          innerTags: '*', // or you can apply just a  selection: e. g. 'p', 'div'          navHolder: '#tools', // resize links  location: decrease, revert, increase          maxSteps: {increase: 5, decrease: 4} //  how many times one can in/decrease      });  </script>  

Original Link: http://codecanyon.net/item/textresize/160866?ref=aksoftwareus
http://codecanyon123.com/textresize-a603.html

Gradient Switch

Follow me on CodeCanyon Follow me on Twitter

v1.2 – WordPress version included

Overview

Gradient Switch is a jQuery background gradient switcher. Gradient Switch can automatically rotate between random or your own custom gradients.

Package

  • Gradient Switch JavaScript
  • Gradient Switch JavaScript (packed)
  • jQuery 1.6.1
  • jQuery Custom UI
  • Documentation & Examples

Features

  • Easy to integrate
  • Random or custom gradients
  • Linear or radial gradients
  • Cross browser support
  • Object Oriented, so you can use as many Gradient Switch instances on one page as you’d like
  • Documentation & Example included
  • WordPress version included

Updates

v1.3 06/18/2011

  • WordPress version included

1.2

  • Added ‘pauseOnClick’ functionality
  • Updated regular expression checks
  • Added jQuery 1.6.1

1.1

  • Modernizr added
  • Added support for Opera Barracuda
  • Added full screen preview

Please contact me if you have questions or if you have experienced bugs while using Gradient Switch.


Original Link: http://codecanyon.net/item/gradient-switch/163980?ref=aksoftwareus
http://codecanyon123.com/gradient-switch-a601.html

everyTip » Jquery tooltip Plugin

EveryTip is a Jquery plugin that will read out any element’s title tag and converts it into a individual styleable dynamic tooltip. You can apply it on any element you want e.g.: img, a , li, span, div and so on. The plugin automatically detects all elements of your specified type on the whole page and add’s a tooltip to it. It also supports inside HTML , so you can display all HTML tags inside a tooltip. Comes in a lightweight and crypted version.


Original Link: http://codecanyon.net/item/everytip-jquery-tooltip-plugin/164106?ref=aksoftwareus
http://codecanyon123.com/everytip-jquery-tooltip-plugin-a600.html

Progress Bar

JavaScript Rich Progress Bar. The most common use of such a progress bar is to display level of completion of some kind of process, like loading, copying or installation, but it can also be used as a bar graph, equalizer, poll result etc.

Many examples with codes are available inside live preview.


Original Link: http://codecanyon.net/item/progress-bar/168054?ref=aksoftwareus
http://codecanyon123.com/progress-bar-a599.html

jQuery Flying Popup

Flying Popup plugin for jQuery.

I provide support for this plugin. I can help you with integration in your project

LAST UPDATE: 23 August 2013
Allows to show floating HTML popups that follow page scroll/resize (also static HTML popups can be shown when desired). Popups can fly in from outside of the screen (from every direction).
In popup you can also show Flash content, play videos

NEW from 1.4 – multipages_timer setting
If you want to show popup after specified time when user is browsing your website, you should put the popup code on every page on your site with ‘starttime’ set (to number of seconds) and ‘multipages_timer’ : true. Popup will be shown once per session
For example, you want to show a popup with banner that links to the survey about the look of your website after 3 minutes, on any page throughout your site. Just set ‘starttime’: 180, ‘multipages_timer’: true, and remember to have the code with the popup on every page

Available configuration:
  • floating speed, reaction time
  • fly-in direction
  • fly-out direction
  • show overlay
  • show static popup
  • enable selfclose
  • set start time – also run on multiple pages
  • disable popup with cookie
  • the way popup appears/disappears

Updates:

23 August 2013 – version 1.6

  • popup_timeout_hours – ability to set cookie expiration date by hours too
  • better support for HTML content with events attached

5 March 2013 – version 1.5

  • works now with jQuery 1.9 branch
  • align popup to bottom (when top=’100%’)
  • better working on mobile devices

29 December 2011 – version 1.4

  • multipages_timer setting – ability to show the popup after specified time on any page of your website
  • popup can now disappear in various ways (hide, fade out, slide up) – when fly-out is disabled

6 October 2011 – version 1.3

  • added fly-out of the screen (with specifying direction) after popup close
  • confirm closing the popup option

26 September 2011 – version 1.2

  • callback function
  • align popup to right (when left=’100%’)

13 May 2011 – version 1.1

  • added ‘cookie_views’ setting. Determine how many times the site can be viewed (refreshed) until popup will appear again
  • added ‘left’ setting. Gives the ability to set the popup position from the left side of the screen (for centered=false)
  • ‘top’ and ‘left’ can be now set using percent i.e. ‘30%’

Original Link: http://codecanyon.net/item/jquery-flying-popup/175653?ref=aksoftwareus
http://codecanyon123.com/jquery-flying-popup-a598.html

aTip: the 1KB tooltip

Javascript tooltips are a valuable method to display additional information to users in a context-sensitive manner, however, at what cost?

Bulky, unmanageable code slows down load times, increases web requests, and degrades browser/user performance.

Enter aTip: the customizable, extremely lightweight tooltip plugin. Weighing in at 1.5KB with colour and style customization you can style any html element, all in different forms and methods. Additionally, the code is well commented, documented and easy to use/modify.

If you want quick, neat and clean pure JS tooltips that support all modern browsers (and most old ones) then aTip is the solution.

This package also includes email based support from Appsource, which includes help with installation should you require it.


Original Link: http://codecanyon.net/item/atip-the-1kb-tooltip/222670?ref=aksoftwareus
http://codecanyon123.com/atip-the-1kb-tooltip-a596.html

Dot Trails Pro

Dot Trails Pro allows you to instantly make quality, modern text limits on any page of any site in just one line of code. The possibilities are endless for working this into any of your projects: Read More buttons on your WordPress themes, product reviews, user comments and ratings, shorten links with a display more info button… You can use this script in tons of different ways and its fully customizable!

Features

  • Limit length of text in any page element and apply …
  • Toggle shortened text / full text
  • NO HTML editing required!
  • One line of code to use!
  • Use unlimited number of times on same page!
  • Works on any site – Great for WordPress ‘Read More’ buttons!
  • Comes with two animation styles: fade and slide
  • You can set elements to expand, or just return the text with no ‘more’ or ‘less’ buttons
  • ‘more’ and ‘less’ buttons can be changed as plugin options to whatever you want!
  • Easily integrates into any project: apps, themes, admin panels etc!

More Info

This script comes with fully documented code and detailed documentation that includes example usage!


Original Link: http://codecanyon.net/item/dot-trails-pro/231266?ref=aksoftwareus
http://codecanyon123.com/dot-trails-pro-a595.html

Element Place (jQuery)

“Element Place” is a jQuery utility plug-in that allows positioning of HTML elements relative to other HTML elements in the document, or the window or document object. It can be useful for creating a variety of things such as ads, overlays, autocomplete, widgets, modal windows, lightboxes etc.


Original Link: http://codecanyon.net/item/element-place-jquery/232649?ref=aksoftwareus
http://codecanyon123.com/element-place-jquery-a594.html

jAnnounce

Ever wanted to show an announcement to your users but don’t want to bother them continuously? Then jAnnounce is the solution for you. The easy to use jquery plugin enables you to show notifications and give users the possibility to close them and never see them again.

It works in every current browser by using html5 localstorage and a cookie fall back. So also no need for any database.

A big manual is also to your disposal and my support which users before you highly appreciate.


Original Link: http://codecanyon.net/item/jannounce-/232729?ref=aksoftwareus
http://codecanyon123.com/jannounce-a593.html

Notifications

Features:
  • Cross browser fixed positioning that allows notifications to stay in sight even when the browser is resized
  • 4 different position presets including: top left, bottom left, bottom right, & top right
  • Stackable notifications that allow multiple notifications at one time
  • Easy to use and very customizable
  • Works in all major browsers (Internet Explorer, Chrome, Opera, Safari, and Firefox)
  • Supports static notifications for messages that you need to stay visible until user interaction occurs
  • Ability to change notification lifetime’s on the fly
  • Only 1 line of code and you can display a notification on your page!
  • Great for CMS ’s like Wordpress, Joomla, and Drupal

Please feel free to let me know how this component is performing for you by either dropping a comment or giving me a rating.


Original Link: http://codecanyon.net/item/notifications/232680?ref=aksoftwareus
http://codecanyon123.com/notifications-a591.html

Zoomer

UPDATED : V 1 .03 – The update solves one bug and I’m hoping it also fixes the other “flicker” bug in FF2 (Mac only). (It does indeed solve this bug!)

“Zoomer” enables your users to closely inspect images by hovering their cursor over them. It’s been built as a robust, unobtrusive and highly customizable jQuery plugin. (jQuery is an open-source JavaScript library)

Click here to see the demo!

Here are some of Zoomer’s key features:

  • A fully customizable zoomer for use with any image
  • Works in all modern browsers (including IE6 )
  • This is a progressive enhancement; images will still be viewable when JavaScript is not available.
  • The zoomer itself is highly customizable.
  • The zoomer requires NO images – the shadows/gradients are dynamically generated by JavaScript (using VML /Canvas technologies)
  • In-depth documentation including two videos and an FAQ !

Original Link: http://codecanyon.net/item/zoomer/46445?ref=aksoftwareus
http://codecanyon123.com/zoomer-a590.html

HoverUp - jQuery Plugin

LIVE PREVIEW DEMOS

HoverUp is a flexible, yet very lightweight, jQuery Plugin to easily add animated captions to pictures or other content.

  • Many options — Set the caption position (top or bottom), the speed, the easing effect, the way the content shifts, reversed effects, and more.
  • Metadata Plugin — Compatible with the jQuery Metadata Plugin.
  • Lightweight — The plugin takes less than 2kB to load.
  • Progressive enhancement — The captions are still viewable without JavaScript enabled.
  • Well documented — Check out the live examples and documentation.

View changelog


Original Link: http://codecanyon.net/item/hoverup-jquery-plugin/114308?ref=aksoftwareus
http://codecanyon123.com/hoverup-jquery-plugin-a577.html

jFade - jQuery Hover Effect

jFade is a jQuery plugin that allows you to easily add fade interaction to elements on your website! Adds a nice UI hover effect using nothing more than the images already on your page.

With less than a dozen extra lines of code, you can easily control opacity fades when users hover over images. This can work for images (like in a portfolio), text, links, buttons, and anything you can put in a div.

Simply call the jade function in your header, and then add a class to each image you want to be included in the fade.

Features

  • Complete control of starting and ending opacity
  • Multiple instances per page
  • Ideal for portfolio galleries to add nice UI effect
  • Browser compatibility
  • Built with javascript and CSS
  • Complete documentation

Original Link: http://codecanyon.net/item/jfade-jquery-hover-effect/124433?ref=aksoftwareus
http://codecanyon123.com/jfade-jquery-hover-effect-a570.html

YouTube video player with playlist

MooTools 1.4.5 plugin that embeds YouTube player into any page and attaches a playlist to it. Fully compatible with JavaScript files from Joomla 3. Playlist can be created from single YouTube videos, YouTube user playlists, playlists or YouTube queries. It is touch enabled and supports YouTube’s HTML5 player. Has fallback capability from Flash player to HTML5 player in case the first isn’t available. Compatible with all modern browsers and iPhone/iPad.

Create playlist using

  • single YouTube videos;
  • YouTube user playlist (retrieved based on user ID);
  • YouTube playlists (retrieved based on playlist ID);
  • YouTube search queries (any query you want to search for).

Features

  • touch enabled;
  • continuous playing ( playlist repeat ); this can be set as default or by user’s choice;
  • repeat video;
  • set video volume ( individually or for all videos );
  • individually set behavior when video ends;
  • setting to load video paused or playing when clicked in playlist;
  • set if the first video should start playing on page load;
  • possibility to set what information to display when movie ends ( available for search, related videos and info );
  • toggle playlist;
  • playlist mouse wheel scroll and touch scroll;
  • set repeat individually for every video ( can be set from script or by user’s choice );
  • videos can be retrieved based on YouTube user name, query or playlist ID;
  • all CSS is external;
  • display thumbnail of currently playing video;
  • display rating of currently playing video.

Changelog

HTML changelog version can be accessed here: MooTools YouTube player changelog. An XML version of the changelog can be accessed here: MooTools YouTube player XML changelog.


Original Link: http://codecanyon.net/item/youtube-video-player-with-playlist/52746?ref=aksoftwareus
http://codecanyon123.com/youtube-video-player-with-playlist-a587.html

Tonic Gallery - jQuery XML Portfolio Gallery

Tonic Gallery is a jQuery XML Portfolio Gallery that allows you to create very easily a portfolio gallery with some nice effects and flexible customization settings.

Key Features

  • Data management in well structured XML file, which makes it very easy to maintain
  • Category Filter
  • Pagination included
  • Lightbox preview with descriptions
  • Flexible configuration

Updates

  • Version 1.3 – 20th March 2011 – implemented the PrettyPhoto lightbox plugin

Gallery Implemented

Check out this gallery implemented into my site template TonicSense

More…

Check out my latest WordPress Theme with Tonic Gallery implemented

Check out my other products:

Premium WordPress Themes

HTML /CSS Site Templates


Original Link: http://codecanyon.net/item/tonic-gallery-jquery-xml-portfolio-gallery/120710?ref=aksoftwareus
http://codecanyon123.com/tonic-gallery-jquery-xml-portfolio-gallery-a571.html

Google Charts for Javascript

This is a pure stand-alone javascript version of the Google Charts plugin, you build an HTML table and point the plugin at it and it creates the chart for you.

You can see the PHP version here: http://themeforest.net/item/google-charts-plugin/47082

Note: This component does not require a library.


Original Link: http://codecanyon.net/item/google-charts-for-javascript/47305?ref=aksoftwareus
http://codecanyon123.com/google-charts-for-javascript-a589.html

Flickr Import

Flickr Import is an extremely lightweight, quick and robust tool to display photos from Flickr onto your website.

Features Include:

Version 1.2.3
• Added minor updates to support Fancybox rel tags.

Version 1.2
• Added ability to preview image within page using Fancybox

Version 1.1
• Grab photos from a group pool
• Grab favorites from a user
• Grab recent interestingness photos

Version 1.0
• Grab recent public photos of a user
• Grab photos within a photoset
• Grab photosets of a user
• Does not rely on a JS library
• Extremely flexible and easy to integrate
• Easy to style with CSS
• 4 kb minified
• Works in all browsers

NOTE : You will need to get a FREE api key and secret from Flickr (http://www.flickr.com/services/api/keys/apply/) to use this script.


Original Link: http://codecanyon.net/item/flickr-import/50388?ref=aksoftwareus
http://codecanyon123.com/flickr-import-a588.html

Photostack jQuery Plugin

Turn a list of images into a realistic photostack with this jQuery plugin.

Some of the features:
  • Image preloading and smooth fading
  • Custom Previous and Next controls
  • Slideshow feature (automatic, start, stop, timeout)
  • Easing Plugin support for smooth transitions
  • Vertical and Horizontal swapping
  • Random positioning
  • Image rotation (Firefox, Safari, Chrome)
  • Dropshadows (Firefox, Safari, Chrome)

Original Link: http://codecanyon.net/item/photostack-jquery-plugin/53055?ref=aksoftwareus
http://codecanyon123.com/photostack-jquery-plugin-a586.html

My Video Channel

My Video Channel is a jQuery based script which makes it possible to display a list of YouTube videos from a specific user and play them in your own website. The reason behind the development of this script is really simple. It's difficult to maintain videos on private servers because they take up too much space and are difficult to maintain. Through this script you could host your videos on the popular YouTube service and make them available on your own website.

The main features of this script are:

Smooth transitions
Simple and clean interface
Small JavaScript footprint
Progressive loading of video data
Configurable data page size
Fully CSS driven UI
Works in IE 6 , 7, 8, Firefox, Safari, Opera and Chrome
XHTML compliant


Original Link: http://codecanyon.net/item/my-video-channel/53880?ref=aksoftwareus
http://codecanyon123.com/my-video-channel-a585.html

iTunes Site Feature

The iTunes Site Feature is an unobtrusive jQuery plugin that lets you have an interactive image presentation on your website, much like the iTunes 9.0 store feature. It is written on top of jQuery JavaScript framework and its main features are:

- Smooth transitions
- Simple and clean interface
- Thumbnail view of the queued images on the side
- Manual switching
- Pause on mouse over the button
- 4kb footprint
- Works in IE 6 , 7, 8, Firefox, Safari, Opera and Chrome
- Fully size and position customizable through CSS
- XHTML compliant

  • UPDATE 20 -10-09

- It’s possible to links to a hyperlink


Original Link: http://codecanyon.net/item/itunes-site-feature/60153?ref=aksoftwareus
http://codecanyon123.com/itunes-site-feature-a584.html

JSized Carousel

JSized Carousel is a jQuery plugin that converts a list of images into a nice image gallery.


Original Link: http://codecanyon.net/item/jsized-carousel/75196?ref=aksoftwareus
http://codecanyon123.com/jsized-carousel-a583.html

XML Slider

XML Slider is a very powerful JQuery plugin that lets you easily create powerful Javascript slideshow.

Requirements:

  1. Javascript Enabled
  2. Jquery Library
  3. XML File

Key Features:

  1. Easy to setup, all you need is simple XML knowledge …
  2. Customizable size , position , buttons …
  3. You can use many types of effects
  4. Easy CSS customization
  5. Compatible with all commonly used browsers including IE6
  6. Customizable navigation buttons (Play, Pause, Forward, Backward)
  7. PDF documentation that makes it even easier to setup XML Slider

Demo

Click on Live preview to test Xml-Slider but

keep in mind the Demo is just for testing, it’s not the complete version of XML -Slider.

XML -SLIDER v 2.0 :: 21 – 2 – 2010

  1. Jquery library has been upgraded to 1.4
  2. Major Improve on XML -SLIDER performance
  3. IE 7 /8 margin:0 auto bug has been fixed
  4. Easing is now available!
  5. New Random Option!

Easing

You can now use easing with XML -SLIDER, as default easing value is random.

How to use easing

All you have to do is to add easing option to the slider

EXAMPLE 1 : To use one easing option.

  $("#info").xmlSlider({  'xmlFile':"xml/sample.xml",  'easing':new Array("easeInOutBounce")  });    

EXAMPLE 2 : To use set of easing options.

  $("#info").xmlSlider({  'xmlFile':"xml/sample.xml",  'easing':new  Array("easeInBounce","easeOutBounce","easeInOutBounce")  });  

Random

All you have to do is to add random option to the slider,then the slider will move randomly between the images not one by one

EXAMPLE 1 : To turn on random option.

  $("#info").xmlSlider({  'xmlFile':"xml/sample.xml",  'random':true  });  

PLEASE IF YOU LIKE IT , BUY IT :P AND DON ’T FORGET TO RATE IT :P


Original Link: http://codecanyon.net/item/xml-slider/76421?ref=aksoftwareus
http://codecanyon123.com/xml-slider-a582.html

Featured Box Slider

With this script you can make a nice interactive slide gallery like you find on every big site these days. Because the script is highly customizable you can use this script for lots of purposes. To get a better idea of what’s possible with this script you can take a look at these examples:

All these examples are included when you buy this script

Features

  • Multiple instances
  • Multiple transitions: slide left, right, top and bottom, fade, size, line
  • Use different transition for slide and description
  • Use different type slide: images, html, flash, video
  • 5 examples included
  • Fully customizable
  • Works in all browsers including IE6

Updates

2.2 29/06/2011

  • Update jQuery version
  • Slides going crazy bug fixed
  • Updated documentation

2.1 02/02/2011

  • Fixed linked slides feature

2.0 02/02/2011

  • Possible to directly link to a slide with an anchor link. For example http://mysite.com/home#slide2
  • Lots of new transitions
  • Added 9 callback funtions
  • Added external slider methods. For example next, prev, play, pause, ...
  • Added setting to pause slider on hover
  • Added setting to start slider at slide x
  • Fixed reload problems in Chrome

Original Link: http://codecanyon.net/item/featured-box-slider/77855?ref=aksoftwareus
http://codecanyon123.com/featured-box-slider-a581.html

ImageBox - Image Viewing Script

Update: v2.0 – Sunday March 11th, 2012

  • The rest of the site darkens when Imagebox is opened.
  • Imagebox can be closed by clicking the darkened area outside the image.
  • Added keyboard controls. Right arrow: next image. Left arrow: previous image. esc: close Imagebox.
  • Imagebox will automatically move and resize into view if the page is scrolled or resized.
  • Options can be set through the build function rather than changed in the javascript file.
  • Each image and gallery can have its own options.
  • Fixed the jQuery compatability problem.
  • Updated the file structure so all Imagebox files are stored in a single folder.
  • Rewrote most of the code to make it more readable and efficient.
  • Animations are much smoother and faster.
  • Changed html format to match Lightbox. This also makes the html validate and the javascript degrade gracefully.

Description

Imagebox is a web-based application, written in JavaScript and CSS , that allows website authors to display their photos and images in a stylish way, without having viewers leave the page. 14 customizable options allow you to easily adapt Imagebox to suit your needs.

Included with Imagebox

  • JavaScript file ~ 23kb / 9.5kb compressed
  • CSS file ~ 4kb
  • Supporting images
  • PDF instructions



free counters


Original Link: http://codecanyon.net/item/imagebox-image-viewing-script/89035?ref=aksoftwareus
http://codecanyon123.com/imagebox-image-viewing-script-a580.html

Image beautifier

Image beautifier

Image beautifier is a javascript plugin that lets you easily improve the looks of your pictures by adding very nice, mask-like effects with just a few lines of code. You can see an usage example and a demo blog post using the beautifier effects at: http://getfresh.ro/demos/ibeautifier/ .

Features:

  • up to 15 image masks
  • easily extensible
  • unobtrusive
  • easy turn on/off feature
  • simple and easy configuration
  • documentation and sample code
Usage:
  <script type="text/javascript"  src="beautifier.js"></script>  <script type="text/javascript">     beautifier.add('mask0.gif', 'mask3.gif'); //  you can add further masks     beautifier.use_default = 1; // you can use a  default mask, by its index     beautifier.mask_class = 'mask'; // Or you can  specify the exact mask to use, by giving the class  "maskX" to the image you want     window.onload = function() {         beautifier.initiateMask(document.getElementById('apply-masks'));  // effect applies to all pictures from  #apply-masks element     }  </script>  

Original Link: http://codecanyon.net/item/image-beautifier/104611?ref=aksoftwareus
http://codecanyon123.com/image-beautifier-a579.html

Simple Javascript XML Slideshow

Notice – Jun. 9 2011: much needed IE big fixes and updates coming within the next few weeks. I am sorry for those who have been having issues. I am in the process of responding to all comments/emails.

News Version 1.3 – includes Wordpress plugin/shortcode

The Simple Javascript XML Slideshow (SJXS) allows you to easily create truly dynamic slideshows using javascript and an xml file. No need for a ton of html, just let javascript and xml do the work for you. SJXS has been tested within all major browsers including IE7 + (IE6 partially supported), Opera, Safari, Firefox and Chrome. Included are some custom transition effects that are pretty snazzy, but they can also be easily adjusted to suite the more traditional needs. Be sure and check out the demo page for a good demonstration of what can be done. Also, I’ve added a simple to use Slideshow Generator that will allow you to create all the code you need for your slideshow: required files, javascript, xml, html and even the basic css. This will allow you to quickly create a slideshow with exactly the features you want.

Simple Javascript XML Slideshow - CodeCanyon  Item for Sale Basic Clean Slideshow - ActiveDen Item for  Sale

Features include:

  • Slideshow Generator
  • Each image can have an ‘href’ or link set so that they each are clickable
  • Change buttons easily
  • Autoscroll on/off and can be triggered on button click
  • More than one slideshow can be on the same page
  • Over 12 transition options are at your finger tips
  • Images are set based off of an XML file, so they are truly dynamic.

What else is included:

  • Dynamic xml file generator
  • Loads of documentation, experience with javascript or xml is not needed
  • Plenty of examples with complete code on how each was done

Flash Version

Basic Clean Slideshow - ActiveDen Item for  Sale If you are familiar with my previous flash based basic slideshow this is the html spin-off of that file. If you need a flash alternative you can check it out here. It’s super basic, but that is the purpose of that product.

More features are in the works

  • More navigation options
  • Wordpress plugin integration
  • Titles for use with each image
  • Theme options for visual look

Updates

  • 1.3 (Nov. 6, 2010) – (1) Bug found by @Sandra. IE6 /7 wasn’t loading the files after a page refresh. Fixed. Had to add cachebusting. (2) Also updated the xml file to prepare for allowing html. You won’t have to update the old xml files. (3) Added the Wordpress plugin. It comes with instructions and the ability to use it as a shortcode! (4) Updated documentation with the added changes.
  • 1.2 Minor Bug fixes and css adjustments.
  • 1.1 (July.27.2010) – Fixed a bug where the links wouldn’t always work depending on which transition used. It has now been tested with all transitions and works as expected.

Notice: Javscript required for this slideshow. This slideshow does not currently degrade because of it’s use of xml to power the slideshow.


Original Link: http://codecanyon.net/item/simple-javascript-xml-slideshow/106085?ref=aksoftwareus
http://codecanyon123.com/simple-javascript-xml-slideshow-a578.html

jQuery Lightbox Evolution

Lightbox Evolution is a tool for displaying images, html content, maps, and videos in a “lightbox” style that floats overtop of web page. Using Lightbox Evolution, website authors can showcase a wide assortment of media in all major browsers without navigating users away from the linking page.

Screenshots

Testimonials

Themes

iPad Compatible

Technical Support

If you have any questions, please contact me from my profile page here.

Changelog

  1.8.0 (Aug 17 2013)  * jQuery 2.0 compatible  * JW Player 6 compatible    1.7.3 (Feb 24 2013)  * Fixed multiple galleries bug.  * Added youku.com video server.  * Fixed '__flash__removeCallback' is undefined  error in all versions of IE.    1.7.2 (Feb 21 2013)  * Fixed data-options bug with malformed JSON.    1.7.1 (Feb 17 2013)  * Now you can change the duration of the  transition "loading".    1.7.0 (Jan 25 2013)  * Added retina support to default theme.  * Added retina support to evolution theme.  * Added retina support to carbono theme.  * Changed default animation. Now is a little less  funny.  * Added maximized param.  * Fixed move param.  * Now autoresize=false only deactivate the max/min  button.  * Fixed '__flash__removeCallback' is undefined  error in IE9.  * Added preloading images in the gallery.  * Added ajax options.  * Added max size of videos, if the size is not  defined by the user.  * Removed GoogleVideos and Gametrailers video  servers.  * Dropped support for jQuery 1.3.  * Added maps.google.co.uk support.    1.6.10 (Oct 10 2012)  * Fixed Resize bug.    1.6.9 (Aug 12 2012)  * Added ratio param.  * Improved regex of image detection.  * Added Adobe Director support.  * Fixed Chrome bug scroll with percentages.  * Added compatibility jQuery 1.8.0  * Fixed IE7 Bug buttons div doesn't hide when is  empty.    1.6.8 (Jul 05 2012)  * Fixed IE7/IE8 Bug.    1.6.7 (Jul 03 2012)  * Fixed title is undefined.    1.6.6 (Jun 30 2012)  * Added maxsize option.  * Fixed esqueleto.move opacity bug.  * All gallery system was changed.  * More examples added.    1.6.5 (May 28 2012)  * Fixed bug on custom buttons.    1.6.4 (May 20 2012)  * Fixed Dual script calling on Chrome 9+.  * Changed context of onOpen event.  * Critical: Changed the name of some properties.    1.6.3 (Apr 29 2012)  * Fixed scrollbars bug with Right-To-Left text.    1.6.2 (Apr 17 2012)  * Fixed IE9 Iframe 'feature' AKA Bug.    1.6.1 (Apr 06 2012)  * Added youtu.be detection.  * Fixed youtube videos don't play on iOS.    1.6.0 (Apr 01 2012)  * Fixed calculation of the size on iOS.  * Added better events on iOS.    1.5.8 (Feb 04 2012)  * Fixed 'evolution' and 'evolution-dark' theme.  * Fixed Maximize bug on IE.  * Fixed Calculate function.    1.5.7 (Jan 27 2012)  * Added a better mobile device detection.  * Fixed gallery bug.  * Removed Megavideo embed code.  

More Premium Scripts


Original Link: http://codecanyon.net/item/jquery-lightbox-evolution/115655?ref=aksoftwareus
http://codecanyon123.com/jquery-lightbox-evolution-a576.html