WordPress.org

Ready to get started?Download WordPress

Forums

[Plugin: J Post Slider] Jquery conflict with buddypress avatar crop (1 post)

  1. mistercyril
    Member
    Posted 4 years ago #

    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);

    http://wordpress.org/extend/plugins/j-post-slider/

Topic Closed

This topic has been closed to new replies.

About this Topic