Autor: Lucas Ramos | Publicado: 2012-03-18T14:09:00-07:00

(function() { var a=window;function c(b){this.t={};this.tick=function(b,i,d){d=void 0!=d?d:(new Date).getTime();this.t[b]=[d,i]};this.tick("start",null,b)}var f=new c;a.jstiming={Timer:c,load:f};try{var g=null;a.chrome&&a.chrome.csi&&(g=Math.floor(a.chrome.csi().pageT));null==g&&a.gtbExternal&&(g=a.gtbExternal.pageT());null==g&&a.external&&(g=a.external.pageT);g&&(a.jstiming.pt=g)}catch(h){};a.tickAboveFold=function(b){var e=0;if(b.offsetParent){do e =b.offsetTop;while(b=b.offsetParent)}b=e;750>=b&&a.jstiming.load.tick("aft")};var j=!1;function k(){j||(j=!0,a.jstiming.load.tick("firstScrollTime"))}a.addEventListener?a.addEventListener("scroll",k,!1):a.attachEvent("onscroll",k);
})();
<!--[if lt IE 9]>   <![endif]-->




Demo - jQuery Fancybox in Blogger | 54BLOGGER


<!--
/*  54Blogger V4 - Jan 2012  */
-->


<!-- jQuery -->

<!-- Related Posts Script-->

  var relatedpoststitle="Related posts :";


  //<![CDATA[
function printRelatedLabels(a){for(var b=0;b1)document.write(""+relatedpoststitle+"");document.write("");while(b'+relatedTitles[c]+"");if(c");relatedUrls.splice(0,relatedUrls.length);relatedTitles.splice(0,relatedTitles.length)}function contains(a,b){for(var c=0;c<a.length;c++)if(a[c]==b)return true;return false}function removeRelatedDuplicates(){var a=new Array(0);var b=new Array(0);for(var c=0;c<relatedUrls.length;c++){if(!contains(a,relatedUrls[c])){a.length+=1;a[a.length-1]=relatedUrls[c];b.length+=1;b[b.length-1]=relatedTitles[c]}}relatedTitles=b;relatedUrls=a}function related_results_labels(a){for(var b=0;b<a.feed.entry.length;b++){var c=a.feed.entry[b];relatedTitles[relatedTitlesNum]=c.title.$t;for(var d=0;d<c.link.length;d++){if(c.link[d].rel=="alternate"){relatedUrls[relatedTitlesNum]=c.link[d].href;relatedTitlesNum++;break}}}}var relatedTitles=new Array;var relatedTitlesNum=0;var relatedUrls=new Array
  //]]>


if (window.jstiming) window.jstiming.load.tick('headEnd');






Single image


Gallery 1


Gallery 2


Back to tutorial






$(document).ready(function() {

 /* This is basic - uses default settings */
 
 $("a.fancy").fancybox();
 
});











gapi.plus.go();





var maxresults=5;removeRelatedDuplicates();printRelatedLabels("http://www.fiveforblogger.com/2010/10/demo-jquery-fancybox-in-blogger.html");





      <!--
                                                google_ad_client = "ca-pub-7020510715570332";
google_ad_host = "pub-1556223355139109";
                                                /* Link468x15 */
                                                google_ad_slot = "3858833010";
                                                google_ad_width = 468;
                                                google_ad_height = 15;
                                                //-->
                                


$('#fixed-bar').hide();$(function(){$(window).scroll(function(){if($(this).scrollTop()>600){$('#fixed-bar').slideDown(200)}else{$('#fixed-bar').slideUp(200)}});$('.go-top').click(function(){$('html,body').animate({scrollTop:0},1000);return false})});
var _gaq=_gaq||[];_gaq.push(['_setAccount','UA-20868082-3']);_gaq.push(['_trackPageview']);(function(){var ga=document.createElement('script');ga.type='text/javascript'ga.async=true;ga.src=('https:'==document.location.protocol?'https:var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(ga,s)})();

if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');



if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '9131294595189948630';BLOG_attachCsiOnload('item_'); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d9131294595189948630','//www.fiveforblogger.com/2010/10/demo-jquery-fancybox-in-blogger.html','9131294595189948630');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '9131294595189948630', 'bloggerUrl': 'http://www.blogger.com', 'title': '54BLOGGER', 'pageType': 'item', 'url': 'http://www.fiveforblogger.com/2010/10/demo-jquery-fancybox-in-blogger.html', 'canonicalUrl': 'http://www.fiveforblogger.com/2010/10/demo-jquery-fancybox-in-blogger.html', 'canonicalHomepageUrl': 'http://www.fiveforblogger.com/', 'homepageUrl': 'http://www.fiveforblogger.com/', 'blogspotFaviconUrl': 'http://www.fiveforblogger.com/favicon.ico', 'enabledCommentProfileImages': true, 'adultContent': false, 'disableAdSenseWidget': false, 'analyticsAccountNumber': 'UA-20868082-3', 'searchLabel': '', 'searchQuery': '', 'pageName': 'Demo - jQuery Fancybox in Blogger', 'pageTitle': '54BLOGGER: Demo - jQuery Fancybox in Blogger', 'metaDescription': '', 'encoding': 'UTF-8', 'locale': 'en', 'localeLanguage': 'en', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'languageDirection': 'ltr', 'feedLinks': '\74link rel\75\42alternate\42 type\75\42application/atom+xml\42 title\75\04254BLOGGER - Atom\42 href\75\42http://www.fiveforblogger.com/feeds/posts/default\42 /\76\n\74link rel\75\42alternate\42 type\75\42application/rss+xml\42 title\75\04254BLOGGER - RSS\42 href\75\42http://www.fiveforblogger.com/feeds/posts/default?alt\75rss\42 /\76\n\74link rel\75\42service.post\42 type\75\42application/atom+xml\42 title\75\04254BLOGGER - Atom\42 href\75\42http://www.blogger.com/feeds/9131294595189948630/posts/default\42 /\76\n\74link rel\75\42EditURI\42 type\75\42application/rsd+xml\42 title\75\42RSD\42 href\75\42http://www.blogger.com/rsd.g?blogID\759131294595189948630\42 /\76\n\74link rel\75\42alternate\42 type\75\42application/atom+xml\42 title\75\04254BLOGGER - Atom\42 href\75\42http://www.fiveforblogger.com/feeds/781626037942152747/comments/default\42 /\76\n', 'meTag': '', 'openIdOpTag': '', 'postImageThumbnailUrl': 'http://1.bp.blogspot.com/-JrDlyYaqcKI/TYtleoxFL-I/AAAAAAAAAnI/kyIrsNTLp-g/s72-c/upin%2526ipin_07.jpg', 'imageSrcTag': '\74link rel\75\42image_src\42 href\75\42http://1.bp.blogspot.com/-JrDlyYaqcKI/TYtleoxFL-I/AAAAAAAAAnI/kyIrsNTLp-g/s72-c/upin%2526ipin_07.jpg\42 /\76\n', 'latencyHeadScript': '\74script type\75\42text/javascript\42\76(function() { var b\75window,e\75\42jstiming\42,g\75\42tick\42;(function(){function d(a){this.t\75{};this.tick\75function(a,d,c){c\75void 0!\75c?c:(new Date).getTime();this.t[a]\75[c,d]};this[g](\42start\42,null,a)}var a\75new d;b.jstiming\75{Timer:d,load:a};if(b.performance\46\46b.performance.timing){var a\75b.performance.timing,c\75b[e].load,f\75a.navigationStart,a\75a.responseStart;0\74f\46\46a\76\75f\46\46(c[g](\42_wtsrt\42,void 0,f),c[g](\42wtsrt_\42,\42_wtsrt\42,a),c[g](\42tbsd_\42,\42wtsrt_\42))}try{a\75null,b.chrome\46\46b.chrome.csi\46\46(a\75Math.floor(b.chrome.csi().pageT),c\46\0460\74f\46\46(c[g](\42_tbnd\42,void 0,b.chrome.csi().startE),\nc[g](\42tbnd_\42,\42_tbnd\42,f))),null\75\75a\46\46b.gtbExternal\46\46(a\75b.gtbExternal.pageT()),null\75\75a\46\46b.external\46\46(a\75b.external.pageT,c\46\0460\74f\46\46(c[g](\42_tbnd\42,void 0,b.external.startE),c[g](\42tbnd_\42,\42_tbnd\42,f))),a\46\46(b[e].pt\75a)}catch(l){}})();b.tickAboveFold\75function(d){var a\0750;if(d.offsetParent){do a+\75d.offsetTop;while(d\75d.offsetParent)}d\75a;750\76\75d\46\46b[e].load[g](\42aft\42)};var h\75!1;function k(){h||(h\75!0,b[e].load[g](\42firstScrollTime\42))}b.addEventListener?b.addEventListener(\42scroll\42,k,!1):b.attachEvent(\42onscroll\42,k);\n })();\74/script\076', 'mobileHeadScript': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/08dafced2016eb32', 'plusOneApiSrc': 'https://apis.google.com/js/plusone.js'}}, {'name': 'skin', 'data': {'vars': {}, 'override': ''}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '/?view\75classic'}, 'flipcard': {'name': 'flipcard', 'url': '/?view\75flipcard'}, 'magazine': {'name': 'magazine', 'url': '/?view\75magazine'}, 'mosaic': {'name': 'mosaic', 'url': '/?view\75mosaic'}, 'sidebar': {'name': 'sidebar', 'url': '/?view\75sidebar'}, 'snapshot': {'name': 'snapshot', 'url': '/?view\75snapshot'}, 'timeslide': {'name': 'timeslide', 'url': '/?view\75timeslide'}}}]);
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML8', 'rightsidebar', null, document.getElementById('HTML8'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'rightsidebar', null, document.getElementById('HTML7'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'rightsidebar', null, document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'rightsidebar', null, document.getElementById('HTML5'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'rightsidebar', null, document.getElementById('HTML6'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'rightsidebar', null, document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'rightsidebar', null, document.getElementById('HTML4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', null, document.getElementById('Blog1'), {'cmtInteractionsEnabled': false}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList1', 'null', null, document.getElementById('PageList1'), {'title': 'Pages', 'links': [{'href': 'http://www.fiveforblogger.com/', 'title': 'Home', 'isCurrentPage': false}, {'href': 'http://www.fiveforblogger.com/p/about.html', 'title': 'About', 'isCurrentPage': false}, {'href': 'http://www.fiveforblogger.com/p/contact.html', 'title': 'Contact', 'isCurrentPage': false}, {'href': 'http://www.fiveforblogger.com/p/archive.html', 'title': 'Archive', 'isCurrentPage': false}], 'mobile': false}, 'displayModeFull'));