ChangeLog – FancyTheme v3.1

This update fixes the problem with other plugins that uses jQuery framework. Just download it from ThemeForest.

1. header.php

Replace line 21-34:

<script src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="<?php bloginfo('stylesheet_directory'); ?>/js/functions.js" type="text/javascript"></script>
<script src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery-easing.js" type="text/javascript"></script>
<script src="<?php bloginfo('stylesheet_directory'); ?>/js/superfish.js" type="text/javascript"></script>
<script src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery.galleryview-1.1.js" type="text/javascript"></script>
<script src="<?php bloginfo('stylesheet_directory'); ?>/js/jquery.timers-1.1.2.js" type="text/javascript"></script>

<script type="text/javascript">
$(function() {
$('li.current_page_parent').addClass('current_page_item');
$('li.current_page_ancestor').addClass('current_page_item');
$("ul.sf-menu").superfish();
});
</script>

with:

<?php wp_enqueue_script ('fancytheme-functions', get_bloginfo('template_directory') . '/js/functions.js', array ('jquery')); ?>
<?php wp_enqueue_script ('fancytheme-jquery-easing', get_bloginfo('template_directory') . '/js/jquery-easing.js', array ('jquery')); ?>
<?php wp_enqueue_script ('fancytheme-superfish', get_bloginfo('template_directory') . '/js/superfish.js', array ('jquery')); ?>
<?php wp_enqueue_script ('fancytheme-jquery-galleryview', get_bloginfo('template_directory') . '/js/jquery.galleryview-1.1.js', array ('jquery')); ?>
<?php wp_enqueue_script ('fancytheme-jquery-timers', get_bloginfo('template_directory') . '/js/jquery.timers-1.1.2.js', array ('jquery')); ?>
<?php wp_enqueue_script ('fancytheme-jquery-cycle', get_bloginfo('template_directory') . '/js/jquery-cycle.js', array ('jquery')); ?>
<?php wp_head(); ?>

<script type="text/javascript">
jQuery(document).ready(function($){
$('li.current_page_parent').addClass('current_page_item');
$('li.current_page_ancestor').addClass('current_page_item');
$("ul.sf-menu").superfish();
});
</script>

2. highlight_slider.php

Replace line 2:

$(document).ready(function(){

with:

jQuery(document).ready(function($){

3. highlight_filmstrip.php

Replace line 2:

$(document).ready(function(){

with:

jQuery(document).ready(function($){

4. page.php

Replace line 31-37::

<?php
$key="gallery"; if ( get_post_meta($post->ID, $key, true) != '' ) {
?>
<div id="gallery"><?php echo get_post_meta($post->ID, $key, true) ?></div>
<?php
}
?>

with:

<?php
$key="gallery"; if ( get_post_meta($post->ID, $key, true) != '' ) {
?>
<div id="slideshow-gallery" class="clearfix">
<div id="slideshow"><?php echo get_post_meta($post->ID, $key, true) ?></div>
<ul id="gallery_changer"></ul>
</div>
<script type="text/javascript">
// redefine Cycle's updateActivePagerLink function
jQuery.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) {
jQuery(pager).find('li').removeClass('current')
.filter('li:eq('+currSlideIndex+')').addClass('current');
};

jQuery(function() {
jQuery('#slideshow').cycle({
timeout: 3000,
pager:  '#gallery_changer',
pagerAnchorBuilder: function(idx, slide) {
return '<li><a href="#">'+ slide.src +'</a></li>';
}
});
});
</script>
<?php
}
?>

5. style.css

Add new classes:

#main-content #slideshow-gallery
{
margin: 0 -20px 20px -20px;
padding: 10px;
background-color: #f3f3f3;
text-align: center;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}

#main-content #slideshow-gallery img
{
padding: 0;
margin: 0;
border: none;
width: 581px;
}

#main-content #slideshow-gallery ul
{
list-style: none;
margin: 0;
padding: 0;
}

#main-content #slideshow-gallery ul li
{
float: left;
margin: 0;
padding: 15px 5px 5px 10px;
background: none;
}

#main-content #slideshow-gallery ul li a
{
width: 14px;
height: 14px;
display: block;
text-indent: -9999px;
background-color: #fff;
border: 1px solid #424747;
}

#main-content #slideshow-gallery ul li a:hover
{
background-color: #424747;
}

#main-content #slideshow-gallery ul li.current a
{
background-color: #9cb032;
border: 1px solid #9cb032;
}

Finally

There are also changes in:

  • js/functions.js
  • js/jquery.galleryview-1.1.js
  • js/jquery-cycle.js

but as for this functions, I recommend you just replace the old ones.