Fancybox 1.3.4

03/16/2017 Now we prefer Magnific-Popup over all.

01/25/2016 Fancybox 1 now is fancyBox2.

Due too many script conflict – the old fancybox134 must stand alone for demo.

The Fancybox website… Please go here for more information and donate if you like it

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 or nonverblasters, 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.

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

1 Comment

Leave a Reply

Your email address will not be published. Required fields are marked *