{"id":79,"date":"2011-08-29T10:06:07","date_gmt":"2011-08-29T17:06:07","guid":{"rendered":"http:\/\/www.dognmonkey.com\/techs\/?p=79"},"modified":"2018-01-30T11:03:09","modified_gmt":"2018-01-30T19:03:09","slug":"fancybox-1-3-4","status":"publish","type":"post","link":"https:\/\/www.dognmonkey.com\/techs\/fancybox-1-3-4.html","title":{"rendered":"Fancybox 1.3.4"},"content":{"rendered":"
\n

03\/16\/2017 Now we prefer\u00a0Magnific-Popup<\/a> over all.<\/p>\n

01\/25\/2016\u00a0Fancybox 1 now is fancyBox2<\/a>.<\/em><\/p>\n

Due too many script conflict – the old fancybox134 must stand alone for demo<\/a>.<\/em><\/p>\n<\/blockquote>\n

\n

The Fancybox website… Please go here for more information and donate if you like it<\/a><\/p>\n

To install this on WordPress, we need to add all the scripts before the <\/head> of the theme header.php. If we’re going to use players like Jwplayer<\/a> or nonverblasters<\/a>, we need to include them in this block also. As the rule of thumb, if we’re going to use many scripts, it’s good to have JQuery.noConflict defined for each script we use. For our FancyBox we use $jQ as the alias for $ sign. The scripts that will run all FancyBox classes is in the “l2sfb134.js” (this is a custom script that I created for FancyBox). I like to use FancyBox because it’s supported by almost all devices out there.
\n<\/em><\/p>\n

\n

\u00a0<!-fancybox–>
\n<link rel=”stylesheet” type=”text\/css” media=”all” href=”<?php bloginfo(‘template_url’); ?>\/pops\/fancybox\/jquery.fancybox-1.3.4.css” \/>
\n<script src=”<?php bloginfo(‘template_url’); ?>\/pops\/fancybox\/jquery.tools.min.js” type=”text\/javascript”><\/script>
\n<script src=”<?php bloginfo(‘template_url’); ?>\/pops\/fancybox\/jquery.fancybox-1.3.4.pack.js” type=”text\/javascript”><\/script>
\n<script src=”<?php bloginfo(‘template_url’); ?>\/pops\/fancybox\/jquery.easing-1.3.pack.js” type=”text\/javascript”><\/script>
\n<script src=”<?php bloginfo(‘template_url’); ?>\/pops\/fancybox\/swfobject.js” type=”text\/javascript”><\/script>
\n<script src=”<?php bloginfo(‘template_url’); ?>\/pops\/fancybox\/nonverblaster.js” type=”text\/javascript”><\/script>
\n<script src=”<?php bloginfo(‘template_url’); ?>\/pops\/fancybox\/silverlight-ie.js” type=”text\/javascript”><\/script>
\n<script src=”<?php bloginfo(‘template_url’); ?>\/pops\/fancybox\/wmvplayer.js” type=”text\/javascript”><\/script>
\n<script type=”text\/javascript”>
\nvar $jQ=jQuery.noConflict();
\n$jQ(document).ready(function(){
\n});
\n<\/script>
\n<script src=”<?php bloginfo(‘template_url’); ?>\/pops\/fancybox\/l2sfb134.js” type=”text\/javascript”><\/script>
\n<!-end fancybox–><\/p>\n<\/blockquote>\n<\/div>\n