This plugin's jquery causes BuddyPress avatar crop tool to be out of service...
As far as I can tell, this is due to the way Jquery is called by the plugin. The author doesn't use the recommended wp_enqueue_script functions.
I have asked the author to update his plugin but there doesn't seem to be any support whatsoever. Its a shame because the plugin works as described... Would be great if someone could pick it up where he left off.
This is the script present in the plugin :
function js_head_include() {
?>
<link rel='stylesheet' href='<?echo get_bloginfo('url')?>/wp-content/plugins/JPostSlider/slider_style.css' type='text/css' media='all' />
<script src="<?echo get_bloginfo('url')?>/wp-content/plugins/JPostSlider/jquery.js" type="text/javascript"></script>
<script src="<?echo get_bloginfo('url')?>/wp-content/plugins/JPostSlider/s3Slider.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#s3slider').s3Slider({
timeOut: <?echo get_option('js_op_show_time');?>
});
});
</script>
<style type="text/css">
<!--
#s3slider {
width: <?echo get_option('js_op_width');?>px; /* important to be same as image width */
height: <?echo get_option('js_op_height');?>px; /* important to be same as image height */
}
#s3sliderContent {
width: <?echo get_option('js_op_width');?>px; /* important to be same as image width or wider */
}
.s3sliderImage span {
filter: alpha(opacity=<?echo get_option('js_op_opacity')?>); /* here you can set the opacity of box with text */
-moz-opacity: <?echo round((get_option('js_op_opacity')/100),1);?>; /* here you can set the opacity of box with text */
-khtml-opacity: <?echo round((get_option('js_op_opacity')/100),1);?>; /* here you can set the opacity of box with text */
opacity: <?echo round((get_option('js_op_opacity')/100),1);?>; /* here you can set the opacity of box with text */
}
.s3sliderImage span.left {
height:<?echo get_option('js_op_height')-20;?>px;
width:<?echo get_option('js_op_left_width');?>px !important;
margin:0;
}
.s3sliderImage span.right {
height:<?echo get_option('js_op_height')-10;?>px;
width:<?echo get_option('js_op_right_width');?>px !important;
}
.s3sliderImage span.top {
width: <?echo get_option('js_op_width')-26;?>px;
}
.s3sliderImage span.bottom{
width: <?echo get_option('js_op_width')-26;?>px;
}
-->
</style>
<?
}
add_action('wp_head', 'js_head_include', 30);