zerofx,
строки 12-14
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://bxslider.com/lib/jquery.bxslider.js"></script>
<link href="http://bxslider.com/lib/jquery.bxslider.css" rel="stylesheet" />
<script>
$(function() {
$('#bx-pager a').mouseleave(function() {
slider.startAuto();
})
var slider = $('.bxslider')
.bxSlider({
auto: true,
autoStart: true,
infiniteLoop: true,
autoHover: true,
autoControls: false,
controls: false,
responsive: false,
speed: 800,
slideWidth: 564,
slideHeight: 312,
pagerCustom: '#bx-pager'
});
})
</script>
</head>
<body>
<ul class="bxslider">
<li><img src="http://bxslider.com/images/730_200/tree_root.jpg" />
</li>
<li><img src="http://bxslider.com/images/730_200/houses.jpg" />
</li>
<li><img src="http://bxslider.com/images/730_200/hill_fence.jpg" />
</li>
</ul>
<div id="bx-pager">
<a data-slide-index="0" href="http://javascript.ru/forum/" target="_blank"><img src="http://bxslider.com/images/thumbs/tree_root.jpg" />
</a>
<a data-slide-index="1" href="http://javascript.ru/forum/" target="_blank"><img src="http://bxslider.com/images/thumbs/houses.jpg" />
</a>
<a data-slide-index="2" href="http://javascript.ru/forum/" target="_blank"><img src="http://bxslider.com/images/thumbs/hill_fence.jpg" />
</a>
</div>
</body>
</html>