Fancybox in Blogger Jquery Image Zomming Script

fancybox, fancybox lightbox alternative, jquery lightbox, fancybox blogger

Earlier Colorbox, Multibox , Lightbox and I was doing Fullsize expression extensions. Now, how to use blogs Blogger Fancybox plugin and optimize the files I needed.

Lightbox is an alternative application Fancybox application. Unlike application works with jQuery lightbox. This application, according to Lightbox Fancybox application performance one step ahead is making.

Application is the most beautiful side Fancybox picture on the blog, we've added an extra regulation is not needed. So that after you add pictures blog edit html section of the rel or class type class should not let us enter. Of course, if you want to add a title that you add the picture again in edit html section must include class title

Stages of implementation to integrate Blogger Fancybox in turn tell.

1. First, take a backup of our blog template code.

2. The following code between the template code we are looking for.

</head>

This code would add the following code immediately above.

<link href='http://dl.getdropbox.com/u/1704149/js-depo/jquery.fancybox-1.2.1/js/jquery.fancybox.css' media='screen' rel='stylesheet' type='text/css'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://dl.getdropbox.com/u/1704149/js-depo/jquery.fancybox-1.2.1/js/jquery.easing.1.3.js' type='text/javascript'/>
<script src='http://dl.getdropbox.com/u/1704149/js-depo/jquery.fancybox-1.2.1/js/jquery.fancybox-1.2.1.pack.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$(&quot;a&quot;).fancybox();
});
</script>


3. We save our template.

4. Now, the images you add blogs with fancybox application will open. The following extra editing codes.

To show pictures in groups in order to show that after adding the pictures from the summer section of the edit html files class codes must assign the following rel.

rel="group" title="image title"

Add your blog to link you want to display the page without leaving the class label must include the following link.

class="iframe"

Before

<a href="http://www.bloggergallery.com/" title="Blogger Templates Gallery">This goes to iframe link preview</a>

After

<a class="iframe" href="http://www.bloggergallery.com/" title="Blogger Templates Gallery">This goes to iframe link preview</a>

Application to see how it works Fancybox blogger blogs have been created for the Fancybox Demo page you can browse Fancybox.

Js files are hosted on my my private space. To avoid future problems in your own area here to download and install the file in the theme links to the js file, please replace the link! ..