It is a tool for displaying images, HTML content and multi-media in a Mac-style “lightbox” that floats overtop of web page
Steps to go with jquery Fancy box
Download the jquery fancy box latest package here
1. Set the headers
The first thing to do is include the required files in the header of your page.
For the FancyBox, first the jQuery library, then the plugin script, and an additional stylesheet files.
/* Include jQuery – try to use latest version */
/* jQuery fancybox plugin */
/* Additional Style for fancybox */
<link href=”your_path_to/fancybox.css” rel=”stylesheet” type=”text/css” />
2. Next step is to declare how and when the FancyBox will be displayed on your page.The below code tells that every link that has a class fancybox will have its content opened in a fancybox.
It can be added in the page header (as below) or in a separate (.js) file.
3. Finally, you just need to create a link whose class will have to be fancybox (as you have declared in fancybox function) and whose href attribute will need to contain the path of the page/element you wish to open within the fancybox.
<a href=”page_target_path” class=”fancybox”>How’s it!!</a>
Our products and templates are developed with care to provide you upmost satisfaction and guarantee.
Our membership includes one or more plan which will fit your criteria.
We treat your payment and personal information with absolute security.
We provide 24/7 forum access for all products and template related queries.