Factor D Blog

Graphic Resources Directory

Archive for the ‘Java Script & Ajax’ Category

CeeBox: jQuery Plugin for Displaying multiple elements

Posted by factord On diciembre - 15 - 2010
CeeBox jQuery modal box

CeeBox jQuery modal box

CeeBox creates a lightbox-like overlay for images, image, html via ajax and iframe, and flash movies. CeeBox is an easy-to-use plugin: videos will be displayed in a popup simply by adding “ceebox” to a link (for example: to a YouTube movie page link). CeeBox supports popups for Google Video, YouTube, Metacafe, Vimeo, Dailymotion, iFilm, and Facebook videos.

Ceebox handles links automatically:

  • Links to images are created as image popups
  • Links to video sites are created as auto-embeded video player popups (supports Google Video, YouTube, Metacafe, Vimeo, Dailymotion, iFilm, Facebook videos and swf files.)
  • Links to html pages on the same domain are added as ajax Links to html pages on another domain are added as an iframe.
  • Title attribute is used for the caption/header on the popup.
  • Galleries are created automatically by applying CeeBox to a parent object with links underneath
You can find more details and play with demos here. Download CeeBox

qTip – Stylish jQuery Tooltips

Posted by factord On diciembre - 15 - 2010
qTip

qTip

qTip is an advanced tooltip plugin for the ever popular jQuery JavaScript framework. qTip is also cross browser compatible, easily (and highly) customizable, and feature rich.

Built from the ground up to be user friendly, yet feature rich, qTip provides you with tonnes of features like rounded corners and speech bubble tips, and best of all… it’s completely free under the MIT license!Download qTip

Nivo Slider – The Most Awesome jQuery Image Slider

Posted by factord On diciembre - 15 - 2010
Nivo Slider

Nivo Slider

Nivo Slider looks like Flash but uses the built in stability of jQuery. It can display pictures from your fileset with or without caption title.

Current Features (v2.3)

  • 9 unique transition effects
  • Simple clean & valid markup
  • Loads of settings to tweak
  • Built in directional and control navigation
  • Packed version only weighs 10kb
  • Supports linking images
  • Keyboard Navigation
  • HTML Captions
  • Free to use and abuse under the MIT license

Browser Support

Nivo Slider has been tested in the following browsers:

  • Internet Explorer v7+
  • Firefox v3+
  • Google Chrome v4
  • Safari v4
  • Opera v10.5

Demos & Showcase

Have a look at the demos to get an idea of what can be done with the Nivo Slider or check out the showcase of sites using the Nivo Slider. Download Nivo Slider

jQuery Tutorial

Posted by factord On enero - 6 - 2010
jQuery Tutorial

jQuery Tutorial

Marc Grabanski made a nice introduction to the jQuery Essentials and the use of this library.

Easy Slider 1.7 Great sliding panels solution

Posted by factord On enero - 6 - 2010
Easy Slider 1.7

Easy Slider 1.7

Easy Slider enables images or any content to slide horizontally or vertically on click. It is configurable with css alone. So, basically you link to plugin file, set the content up and style it with css. Now with numeric navigation.

Download: Here

Demo 1Demo 2Demo 3

Presentation Cycle

Posted by factord On diciembre - 11 - 2009
Presentation Cycle

Presentation Cycle

Cycle is a script that supports image presentations to easily display multiple images. This script supports a lot of effects and the cycling of html elements.

Presentation Cycle is a variation on the functionality of Cycle. Instead of generating a list of numbers that are clickable Presentation Cycle generates a progress bar that shows when the new slide will appear.

In this article I’ll explain how to implement this on your web page and give you some tips on how to adjust the looks of the cycle elements and progress bar.

From: www.gayadesign.com
Download and Documentation: Here
Demo: Here

Query Loader – Preload your site in style

Posted by factord On diciembre - 11 - 2009
Query Loader

Query Loader

Very nice preloader with jQuery, some features:

  • Preload a whole web page.
  • Preload a part of the page.
  • Gets all images, tags and background-image of your CSS
  • Easy to implement.
  • Adjustable loading bar.
  • Tested in Firefox, Safari, Opera, Chrome, IE7, IE8 and IE6 (script will be ignored in IE6 though).

From: www.gayadesign.com
Download and Documentation: Here
Demo: Here

TAG CLOUD

VIDEO

Sponsors

About Me

There is something about me..

Twitter

    Photos

    Activate the Flickrss plugin to see the image thumbnails!