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>

2) Attach It onLoad – While calling facebox() on any anchor tag will do the trick, it’s easier to give your Faceboxy links a rel=”facebox” and hit them all onLoad.

jQuery(document).ready(function($) {
  $('a[rel*=facebox]').facebox()
})

3) Open Image – Notice that rel has the value “facebox”

<a href="stairs.jpg" rel="facebox">text</a>

If you need assistance you can join Famspam’s Google Groups mailing list.

Inspired by Facebook’s Modal Box (lightweight, subtle, and very stylish), Davis Walsh took Facebook’s imagery and CSS and combined it with MooTools’ awesome functionality to duplicate the effect.

The MooTools JavaScript

window.addEvent('domready',function() {

/* hide using opacity on page load */
$('fb-modal').setStyles({ opacity:0, display:'block' });

/* hiders */
$('fb-close').addEvent('click',function(e) {
$('fb-modal').fade('out');
});

window.addEvent('keypress',function(e) { 

if(e.key == 'esc') { $('fb-modal').fade('out'); } });

$(document.body).addEvent('click',function(e) {
if($('fb-modal').get('opacity') == 1 && !e.target.getParent('.generic_dialog'))
{
$('fb-modal').fade('out');
} 

});

/* click to show */
$('fb-trigger').addEvent('click',function() {
$('fb-modal').fade('in');
});

});

• Elastic jQuery Plugin Makes Your Textareas Grow Facebook Style
• Image Reflection with jQuery, MooTools and script.aculo.us
• Highlight Elements in Script.aculo.us, jQuery and MooTools
• How to use the Scroll Effect in jQuery, MooTools and Script.aculo.us
• Zoom Images using jQuery and MooTools

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>

JavaScript Code

$(window).load(function () {
    $('.slideshow').blinds();
})

Features include:

• Smooth animated transition
• Customizable animation orchestration
• Multiple instances on the same web page
• jQuery compatible (plugin)
• Unobtrusive JavaScript

• Display photos as slideshow with strip effects: jqFancyTransitions
• A Free Flash Simple to Use Image Gallery with Fade In/Out Effect
• Lightweight and intelligent custom tooltip: TipTip jQuery Plugin
• Easily add Captions to your Images with jQuery and MooTools
• Expose HTML Elements with Style: jQuery Highlighter Plugin

The Birthday Bundle Pack consists of 26 Flash Components (all the commercial stuff they are selling) at $317 $47! Holy cow! That’s 85% less.

All updates for these components are free, feedback is welcomed, and the Flash Components are improved daily. So, now you have the chance to get them all at a ridiculously low price.

• $300 of Files for just $20 – Envato Birthday Bundle 2009
• A Flash Countdown Timer from Flabell
• Flash Portfolio Gallery with Multilevel Filters
• A Professional Photography Portfolio Template from Flabell: Review
• A Free Highly Customizable and Minimalist Flash Checkbox Component

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.

• Easily Add Maps to a Webpage: Google Maps jQuery Plugin
• Zoom Elements: ‘Anything Zoomer’ jQuery Plugin
• Integrate your buzz stream into your webpage: Google Buzz Widget
• Zoom Images using jQuery and MooTools
• Flip HTML Elements like Cards: QuickFlip 2.0 jQuery Plugin

This MooTools script has almost all jqBarGraph possibility, plus some new features such as AJAX data loading, URL bars, info boxes and negative values.

Features include:

• You can set label, color, URL and tooltip text for every bar
• Simple/Stacked Bars
• Legend can be created automatically
• AJAX data loading (can have negative values for simple type)
• Cross-browser compatibility (including IE)

• Easily display your data as Bar Graphs: jqBarGraph
• Create pretty graphs with jQuery TufteGraph Plugin
• Generate Good & Clean Looking Graphs: Grafico
• Create Accesible Charts/Graphs using Canvas and jQuery
• Create Graphs and Charts using the MilkChart MooTools Library

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.

• Easily display your data as Bar Graphs: jqBarGraph
• Slideshow with smooth animated transition: jQuery Blinds
• Fancy Hover Box/Image Effect
• Free Flash Gallery – Add a Slideslow on your website
• Fancy (jQuery) AJAX Captchas – For an Awesome User Experience

Filter Portfolio Gallery is Flabell’s new gallery with filters, on two levels. For instance, you can sort your projects by project type, and then by clients, your products by size and then by color, your products by material and then by model, or however you need. You can also use one level filtering.

This component is build from three Flabell components:

• Multipage Thumbnail Gallery
• Horizontal Image Banner Rotator with thumbs
• CheckBox Component

If you own any of these components (the last one in the list can be downloaded for free) you will find the XML file very similar. Each component can be customized with the same features.

For example, you can use this portofolio to feature work that you have done for either Corporate, Agencies or Personal Clients. You can sort these by the work done for them, such as Website, Branding, Interactive, etc.

• A Professional Photography Portfolio Template from Flabell: Review
• Free Flash Gallery – Add a Slideslow on your website
• Create Stunning Photo Albums: Free XML Flash Photo Gallery
• A Free Highly Customizable and Minimalist Flash Checkbox Component
• A Free Flash Simple to Use Image Gallery with Fade In/Out Effect

The content of this e-book is completely unique and the money making concepts offered by Daniel are added in a structural and logical way. The author is sharing the core principles that he learned in years of blogging – he blogs since 2005 – and that you need to keep in mind if you want to make money blogging.

I have to admit that Daniel presents his money making strategies in a very understandable way. His simple way of writing, the well-structured content and the manner in which he shows his idea makes this eBook a must-read for any blogger seeking blog profit.

“Make Money Blogging” contains 54 pages, divided in 5 main chapters: Content, Design & Usability, Networking, Promotion and Monetization. Here’s some of the stuff covered:

• The three mistakes that bloggers make when choosing a niche.
• The three characteristics of good content.
• Why your content strategy should have one cornerstone.
• The importance of headline and the two factors that create magnetic headlines.
• A deadly mistake that bloggers make when designing their blogs.
• The importance of RSS/Email Subscriptions.
• The way you should showcase your best content for first-time visitors
• Practical tips to network effectively online.
• A promotional strategy that most people forget to use.
• The points that you need to keep in mind when trying to make money with your blog
• The two requirements for making money with Google AdSense.
• The best trick available to make money with CPM deals.

Are you ready to monetize your blog? Get this free eBook!

• Download ‘Affiliate Marketing 101′: Free Guide
• Boost your online income: MaxBlogPress Ninja Affiliate
• Free Documentation Templates: Easily create your product help page
• Welcome your WP Blog Visitors with Different Greeting Messages
• Download 1000 Free Beautifully Designed ‘Farm-Fresh Web Icons’

Jonathan used these techniques to generate over $4,000,000 in affiliate commissions!

In this guide he goes over the who, what, where, when, and why of affiliate marketing. Then it takes you step by step to learn Pay per click affiliate marketing, Pay per view (cost per view) affiliate marketing, social media marketing (facebook ads), and finally media buying.

He is also running a referral contest. You can participate. When you sign up for the guide, you will receive your own special referral link for the guide. The top 2 referrers will receive an Apple iPad (32gb WiFi and 16Gb WiFi respectively). Jonathan will also be doing a randomized drawing and each person you refer counts as one entry into the randomized drawing. The winner of the randomized drawing will also win an Apple iPad! So, download it and start referring it to your friends!

Get your free copy of ‘Affiliate Marketing 101′

To your success!

• 50 Free Vector Social Media Scalable Icons
• 27 Free Circular Social Media Icons in 3 Sizes
• Beautiful Set of Free Social Media Icons: WeFunction
• Boost your online income: MaxBlogPress Ninja Affiliate
• A Set of 6 Free & Transparent Furry Cushions Social Icons

The developers of pChart also created pCache to help you dealing with the fact that a chart can be computed once and displayed many times by different users.

The class can be used to generate the following types of charts:

• Pie Charts
  • Simple pie
  • Explodable pie
  • 3D pie
• Line/Bar Charts
  • Line char
  • Cubic curve chart
  • Plot chart
  • Bar chart
  • Filled Line chart
  • Filled Cubic curve chart

• Free Animated Flash Charts and Graphs
• Create Graphs and Charts using the MilkChart MooTools Library
• Add Interactive JavaScript Charts to Your Site Using Highcharts
• Create Accesible Charts/Graphs using Canvas and jQuery
• Produce Interactive, Zoomable Charts of Time Series: dygraphs