bxSlider Carousel ttshowcase

by cmoreira

HTML

<script src="http://bxslider.com/lib/jquery.bxslider.js"></script>
<link rel="stylesheet" href="http://bxslider.com/lib/jquery.bxslider.css">
<div id="ttshowcase_0"><div class="ttshowcase_slider" ><div class="ttshowcase_wrap tt_theme_speech"><div class="ttshowcase_rl_box  tt_text_center " ><div class="ttshowcase_rl_info_wrap tt_info-above"><div class="ttshowcase_rl_image tt_img_circle tt_img_none"><a href='http://localhost/pt/?ttshowcase=admin'><img src="http://www.gravatar.com/avatar/85361fe534c0f7fce12bd738c8358745?s=50&d=http%3A%2F%2Flocalhost%2Fpt%2Fwp-content%2Fuploads%2F2013%2F11%2Fsheldon.png" width="50" /></a></div><div class="ttshowcase_rl_aditional_info "><div class="ttshowcase_rl_title">admin</div><div class="ttshowcase_rl_subtitle"><a href="http://www.esec.pt" target="_blank">ESEC</a></div></div></div><div class="tt_quote_info-above ttshowcase_rl_quote_block"><div class="ttshowcase_rl_quote">sdfsdff READONLY<div class="ttshowcase_rl_readmore"> <a href='http://localhost/pt/?ttshowcase=admin'>Read More...</a> </div></div></div></div><div class="ttshowcase_rl_box  tt_text_center " ><div class="ttshowcase_rl_info_wrap tt_info-above"><div class="ttshowcase_rl_image tt_img_circle tt_img_none"><a href='http://localhost/pt/?ttshowcase=ndsim2'><img src="http://www.gravatar.com/avatar/0ff01e27e9acff9643e461475c90a1dc?s=50&d=http%3A%2F%2Flocalhost%2Fpt%2Fwp-content%2Fuploads%2F2013%2F11%2Fsheldon.png" width="50" /></a></div><div class="ttshowcase_rl_aditional_info "><div class="ttshowcase_rl_title">NDSIM2</div></div></div><div class="tt_quote_info-above ttshowcase_rl_quote_block"><div class="ttshowcase_rl_quote">ul ulkg gjgjh kjh khv khjv k hvk Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rutrum suscipit hendrerit. Maecenas quam mauris, congue a mi et, tempus porta leo. Nam porta massa quis libero dignissim convallis. Interdum et malesuada fames ac ante ipsum primis in faucibus.<div class="ttshowcase_rl_readmore"> <a...

CSS

.bxslider-inner {
   vertical-align: middle;
    display: inline-block;
}

JavaScript

jQuery(document).ready(function(){
    jQuery('.ttshowcase_wrap').bxSlider({
    mode: 'horizontal',
	speed: 500,
	slideMargin:20,
	infiniteLoop: true,
    pager: true,
	controls: false,
    slideWidth: 200,
    minSlides: 1,
    maxSlides: 2,
    moveSlides: 1  		});
	});