slider.php

<style>
	.bx-wrapper{
		padding: 60px 0;
	}	
	.bxslider .slide {
		width: 80%;
	}
	.bxslider .bx-controls-direction {
		clear: both;
		overflow: hidden;
	}
	.bx-prev {
		float: left;
	}
	.bx-next {
		float: right;
	}
</style>
<?php  // slider_css

/**
 * Slider template used for front-page
 */
$featured = query_posts( 
	array(
	'posts_per_page' => $total,
	'include' => get_option( 'sticky_posts' ),
	'orderby' => 'rand'
	)
 );
echo '<ul id="my-slider" class="bxslider">';
foreach( $featured as $feature ){
	setup_postdata( $feature );
	$link = esc_url( get_permalink( get_the_ID() ) );
	$cont = sprintf( '<span class="featured-link"><a href="%s">' . __( 'Read: ', 'nopasera' ) . $feature->post_title . '</a></span>', $link );
	$postinfo = sprintf( '<h3 class="featured-post">%s</h3><div class="featured-content"><p>%s</p></div>%s', $feature->post_title, get_the_excerpt(), $cont );
	printf( '<li><div class="slide">%s</div></li>\n', $postinfo );
}
echo '</ul>';
wp_reset_query();
$featured = (int) count( get_option( 'sticky_posts' ) );
// jQuery code begin for the slider ?>
<script>
( function( $ ){
	var slider = jQuery( '.bxslider' );
	var slide = jQuery( 'div.slide' );
	// begin the slider
	slider.bxSlider({
		'infiniteLoop': false,
		'pagerType': 'short',
		'pagerShortSeparator': ' | ',
		'minSlides': <?php echo $featured; ?>,
		'slideMargin': 100,
		'maxSlides': <?php echo $featured; ?>,
	});
})( jQuery );
</script>
<?php  // end jQuery code