Sunday, 15 July 2012

jQuery Fancybox

jQuery Fancybox



Is your need?
  • Image in Popup
  • Image Gallery in Popup
  • Inline data in popup 
  • Ajax data in Popup
  • Call callback function with popup
  • Google Map in Popup 

If above of anyone is your requirement, then this post is only for you.


Then solution is fancybox.net, it provide all the above features with jQuery.

Q What is Fancybox?
A fancyBox is a tool that offers a nice and elegant way to add zooming functionality for images, html content and multi-media on your webpages. It is built at the top of the popular JavaScript framework jQuery and is both easy to implement and a snap to customize.

Q. What Features it provide?
A. Following features it provide.
  • Can display images, HTML elements, SWF movies, Iframes and also Ajax requests
  • Customizable through settings and CSS
  • Groups related items and adds navigation.
  • If the mouse wheel plugin is included in the page then FancyBox will respond to mouse wheel events as well
  • Support fancy transitions by using easing plugin
  • Adds a nice drop shadow under the zoomed item 


Best Related Posts are Following:

  1. How can I check DOM is ready in jQuery.
  2. How to add new row in existing table using jQuery.
  3. What is difference between event.preventDefault() and return false in Javascript?.
  4. How to Include a JavaScript file in another JavaScript file?.
  5. How can I get query string values in JavaScript and jQuery?.
  6. What is the Correct content-type of JSON and JSONP?.
  7. jQuery Mobile interview questions and answers.
  8. How to Add attribute in A-Tag using jQuery.
  9. Lightbox vs Fancybox.
  10. Firebase Chat with Facebook and Twitter Integration.
  11. jQuery datepicker first week monday.
  12. How to Create A Basic Plugin In JQuery.
  13. Difference between JSON and JSONP.
  14. jQuery Function with Examples.
  15. jQuery Fancybox.
  16. Ajax AutoComplete for jQuery.
  17. jQuery multi column sorting with jQuery - Live Demo.
  18. jQuery Autocomplete like Facebook With Demo.
  19. jQuery naming convention - jQuery tutorial for beginner.
  20. How to Select / Deselect All Checkboxes using jQuery.
Labels: ,