Famspam is sharing Facebox, a Facebook-style Lightbox useful to display images, DIVs, or entire remote pages using AJAX. The download package comes with the JavaScript and CSS files, a loading image, a close label, four corners, and solid border images.

Implementation Example

1) Load Dependencies – First, you need to load jQuery before Facebox.

<script src="jquery.js" type="text/javascript"></script>
<link href="facebox.css" media="screen" rel="stylesheet" type="text/css"/>
<script src="facebox.js" type="text/javascript"></script>

Read more from this entry…

jQuery Blinds is a simple, effective, and customizable slideshow plugin shared by Little Web Things. It is very easy to install. You just have to put the list (UL) with the images (each LI containg the IMG tag with the right SRC attribute) inside a main class (.slideshow) then call the plugin:

HTML Code

<div class="slideshow">
   <ul>
      <li><img src="lemons/1.jpg" alt="lemon" /></li>
      <li><img src="lemons/2.jpg" alt="lemon tea" /></li>
      <li><img src="lemons/3.jpg" alt="splashing lemon" /></li>
      <li><img src="lemons/4.jpg" alt="salad with lemon" /></li>
      <li><img src="lemons/5.jpg" alt="lemonade!" /></li>
      <li><img src="lemons/6.jpg" alt="sliced lemon" /></li>
      <li><img src="lemons/7.jpg" alt="dripping lemon" /></li>
   </ul>
</div>

Read more from this entry…

gMap is a very flexible and highly customizable jQuery Plugin that helps you embed Google Maps into your website. This lightweight plugin with only 2 Kb in size is available in two versions: compressed and uncompressed. The former is for those who don’t plan to alter the source code and modify the behavior of gMap. The later is intended for developers and is a bit larger in size.

Before using gMap there are just 2 requirements that you need to meet: signup for a Google Maps API key, use the jQuery library 1.3+. This Google Maps script can be customized in many different ways. Many properties can be passed including latitude, longitude, zoom, markers, scroll-wheel, map-type and icon.

jqFancyTransitions is an easy-to-use jQuery image rotator plugin for displaying your photos as slideslow with fancy transitions effects. After testing many jQuery gallery plugins mostly having just fading and sliding effects, Ivan Lazarevic, decided to make his own slideshow gallery plugin for jQuery.

jqFancyTransitions has many interesting transition effects such as wave, zipper and curtain. There are also options that can be used for custom effect. You can set speed, number of strips, direction, type of effect, etc.

Little Web Things is sharing an easy to use animated countdown script. This is a skinable and an easy to integrate jQuery countdown plugin. The full example features a complete “under construction” page with PHP Backend and 2 skins: light and dark. This script is excellent if you have a product/site to launch and you want to show a timer until the launch date and also capture email addresses to keep people updated. It can also be used when you offer a product discount for a limited time and you want to show how much time is left until your offer expires.

jqBarGraph is an easy to use jQuery plugin for displaying data as bar graphs. The script supports 3 types of bar types: simple, multi and stacked. It doesn’t require any additional stylesheet to work but it can easily styled with CSS.

The data values can be sort either ascending or descending. The position of the graphs can be on ‘top’ or ‘bottom’ (for the simple bar graphs). You can add prefixes and postfixes to the values and also animate the bars (the animation speed can be set in seconds).

The script can be downloaded either unpacked (9.1kb), minified (5.1kb), or packed (4.0kb).

The plugin is tested with jQuery 1.2.3. and jQuery 1.3.2. versions. You are free to use and share this plugin absolutely free.

YoxView is a free image viewer jQuery plugin inspired by Lokesh Dhakar’s Lightbox, that displays images above the website’s content as a the separate layer (lightbox). The plugin is fully configurable and very easy to integrate into any webpage. You just have to prepare the thumbnails, link to their full size images and put them inside a DIV container that has the class yoxview.

Features include:

• Fully configurable
• Images can be pre-cached in the background
• Images are scaled to fit the browser’s window
• Multiple instances of the viewer can be used on the same page
• Multilingual and bidirectional
• Slide-show support
• Keyboard access
• SEO Friendly

YoxView’s chief feature is Ease of use. Ease of use and flexibility, flexibility and ease of use. Its two main features are flexibility and ease of use… and pre-caching. Its three main features are ease of use, flexibility and pre-caching… and an almost fanatical devotion to the user. Its four… no, amongst its features… are such features as ease of use, flexibility… I’ll start again. *

Google Buzz Widget is a jQuery Plugin – developed for the brand new social network Google Buzz – that you can embed anywhere to integrate your buzz stream into your page. With Google Buzz you can go beyond status messages: share updates, photos, videos, start conversations about the things to find interesting and more. This social network is based on Google profiles and built right into GMail. In just 2 days after its official launch (on February 09, 2010), tens of millions of people have checked Buzz out, creating over 9 million posts and comments.

Plugin features include:

• Display buzzes as a bar with transition effects or as a fixed list.
• Many transition options: opacity, height, font-size.
• Parts of the buzz – such as links, dates – have classes for easy CSS customization.
• Show/hide parts of the buzz like date, source.
• Use a typical JS call or auto-load div elements that have “google-buzz” class.
• By default, widget displays the snippet version of a buzz. which fits for a small and fixed placeholder. Still, you can choose to display the complete content of the buzz.

Ketchup is a jQuery plugin that validates forms aiming to be very flexible and extendable for its appearance and functionality. You can make your own ketchup with ease. If you don’t like the default styling you can change it. If you need another markup you can edit it. No validation fits your needs? Write your own.

This plugin provides some callbacks to completely control the markup and show/hide behavior of the CSS customizable error-container.

Features include:

• Basic validations
• Error container styling and behavior
• Extendable with ease
• Pre-build validators: URL, E-Mail, Digits, Username, min/max number, range select