neilgee
4/22/2015 - 4:48 AM

Box Slider Logo Slider Markup

Box Slider Logo Slider Markup

<ul class="bxslider">
  <li><img src="/wp-content/uploads/2015/04/as-seen-in-age2.jpg" /></li>
  <li><img src="/wp-content/uploads/2015/04/as-seen-in-start.jpg" /></li>
  <li><img src="/wp-content/uploads/2015/04/as-seen-in-family-matters.jpg" /></li>
  <li><img src="/wp-content/uploads/2015/04/as-seen-in-dynamic.jpg" /></li>
  <li><img src="/wp-content/uploads/2015/04/as-seen-in-ten.jpg" /></li>
  <li><img src="/wp-content/uploads/2015/04/as-seen-in-career-one.jpg" /></li>
  <li><img src="/wp-content/uploads/2015/04/as-seen-in-brw.jpg" /></li>
  <li><img src="/wp-content/uploads/2015/04/as-seen-in-bloomberg.jpg" /></li>
  <li><img src="/wp-content/uploads/2015/04/as-seen-in-manifacturing.jpg" /></li>
  <li><img src="/wp-content/uploads/2015/04/as-seen-in-mining.jpg" /></li>
  <li><img src="/wp-content/uploads/2015/04/as-seen-in-start-up.jpg" /></li>
  <li><img src="/wp-content/uploads/2015/04/as-seen-in-mine-safety.jpg" /></li>
  <li><img src="/wp-content/uploads/2015/04/as-seen-in-anthill.jpg" /></li>
  <li><img src="/wp-content/uploads/2015/04/as-seen-in-abc.jpg" /></li>
  <li><img src="/wp-content/uploads/2015/04/as-seen-in-pospect.jpg" /></li>
</ul>
jQuery(document).ready(function($){
  $('.bxslider').bxSlider({
  
  	auto: true,
  	autoControls: true,
	minSlides: 4,
	maxSlides: 4,
	slideWidth: 200,
	slideMargin: 20

	});
});

<?php
//in functions.php
// Get the latest http://bxslider.com/lib/jquery.bxslider.zip


//* Enqueue Scripts
add_action( 'wp_enqueue_scripts', 'bxslide_load_scripts' );
function bxslide_load_scripts() {


	wp_enqueue_script( 'bxslide-js', get_bloginfo( 'stylesheet_directory' ) . '/js/jquery.bxslider.min.js', array( 'jquery' ), '1.0.0', true );
	wp_enqueue_script( 'bxslideinit-js', get_bloginfo( 'stylesheet_directory' ) . '/js/box-init.js', array( 'bxslide-js' ), '1.0.0', true );
	wp_enqueue_style( 'bxslide-css', get_bloginfo( 'stylesheet_directory' ) . '/css/jquery.bxslider.css', '', '1.0.0', all );
	
}