Best jQuery Facebook Plugins & Tutorials with Demo

Hover-Zoom : Facebook style zoom on Image hover in jQuery

Hover-Zoom : Facebook style zoom on Image hover in jQuery

This Javascript plugin displays a your images in full size when the mouse hovers over them.Just include this plugin and all images in your webpage will have the Hover-Zoom effect!

Mikes Modal Library : Facebook like modal box in jQuery

Mikes Modal Library : Facebook like modal box in jQuery

Mike’s Modal Library is a Facebook like photo library written to support photos and comments on an individual photo. It features an image on the left and content on the right. The image scales to the largest size possible while still fiting in your monitors resolution.

Facebook Style Slide Out Menu in jQuery Mobile

Facebook Style Slide Out Menu in jQuery Mobile

I wanted to recreate the slide out menu in the Facebook iPhone app. I also wanted implement it in a jQuery mobile layout. This is what I came up with.

Facebook Style Event Creator With jQuery and Ajax

Facebook Style Event Creator With jQuery and Ajax

Facebook event creator is used for creating events on facebook. So after adding some awesome tutorials on facebook I have now created facebook style event creator for you. This is awesome piece of script. Hope you will like it.

Adding Facebook Comments to a jQuery Lightbox

Adding Facebook Comments to a jQuery Lightbox

In order to display facebook comments on your page you would normally follow the instructions on this page. This works great if you just have a single page that you want to comment on, but for my scenario I wanted the comment box to appear fresh for each photo that the lightbox displayed.  In order to do this, the first thing you’ll need to do is omit the 2nd bit of code that Facebook generates for you on the afore mentioned page:

jQuery Facebook Traffic Driver

jQuery Facebook Traffic Driver

This plugin will take your Facebook presence to new heights. Its elegant look and real time stats will make people feel like they are making a difference. Aside from the real time data stream, the like status is stored in a cookie so you have the option of enforcing the user to “like” you before they can access content. You can also set a timer on the popup to show for an set period of time before it hides itself.

FBModal : Facebook like Modal Dialog jQuery plugin

FBModal : Facebook like Modal Dialog jQuery plugin

FBModal is a jQuery plugin that is the first Facebook replica modal dialog.FBModal provides a simple ways to invoke a modal dialog.

Here is an example of how you can use FBModal in your project. Simply include the latest jQuery library, the plugin file and the css file.Then call the fbmodal() function on a jQuery element and a modal dialog will be displayed using the contents of that element. It’s that simple.

Facebook like photo gallery with comments with jQuery and PHP

Facebook like photo gallery with comments with jQuery and PHP

Have you thought about own facebook-style photo gallry system with comments? I think – yes. Today I made up my mind to prepare it for you. Main idea – when we click at images – they popup (ajax) with bigger image at the left and comments section at the right. All images are in the database (mySQL). And, of course, we will use PHP to achieve our result. Also, our comment system will prevent accepting more than 1 comment per 10 mins (to avoid spam).