bxsliderでサムネイル切り替えをhover(mouseover)で切り替える

久々の投稿だなぁ

Bxsliderのサムネイルクリックでの画像スライドをhoverで動かしたいというやつ。
trigger("click")使うと、サムネイルのリンクが作動しないので

こちらを参考に修正 このままだとリンクが動かないので on clickイベント追加で対応

https://stackoverflow.com/questions/28110510/bxslider-slider-hover-on-pager

	var bxslid =$('.bxslider').bxSlider({
		mode: 'fade',
		speed:500,
		auto: true,
		pager: true,
		pause:5000,
		autoHover: true,
		controls:false,
		infiniteLoop: true,
		pagerCustom: '#bx-pager',
		onSlideAfter: function(){
		bxslid.startAuto();
		}
	});

	$('#bx-pager a').on('mouseenter', function(){
		var newSlideNo = $(this).attr('data-slide-index');
		if(newSlideNo != bxslid.getCurrentSlide()){
				bxslid.goToSlide(newSlideNo);
		}
	});

	$(document).on("click","#bx-pager a",function(){
		var href = $(this).attr("href");
		location.href = href;
	});