Небольшой глюк с bxslider, как решить?

Question

[sergey]

Есть страница, на ней стандартный bxslider с миниатюрами, инициализируется просто:

<ul class="bxslider">
                        <li><img src="img/chandelier.png" /></li>
                        <li><img src="img/chandelier.png" /></li>
                        <li><img src="img/chandelier.png" /></li>
                    </ul>
                    <div id="bx-pager">
                        <a data-slide-index="0" href=""><img src="img/mini-candel.png" /></a>
                        <a data-slide-index="1" href=""><img src="img/mini-candel.png" /></a>
                        <a data-slide-index="2" href=""><img src="img/mini-candel2.png" /></a>
                    </div>

$('.bxslider').bxSlider({
		controls: false,
		nextText: '',
		prevText: '',
		pagerCustom: '#bx-pager'
	});

все работает. Но заметил что при перезагрузке страницы, слайды на секунду выстраиваются в ряд (показываются), думаю причина в загрузке элементов слайдера, пробовал подключать его даже в head, но результата не обходимого не получил. Кто подскажет в чем это дело, и как побороть эту проблему. Спасибо.