Hey,you,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(function()
{
var a = $('ol.slides-bullets').find('a'), li = $('ul.slides').find('li');
a.click(function(event)
{
event.preventDefault()
li.eq(a.index(this)).css("background", "red");
}
)
}
);
</script>
</head>
<body>
<ul class="slides">
<li class="right" data-thumb="1"><img/>1</li>
<li class="active" data-thumb="2"><img/>2</li>
<li class="left" data-thumb="3"><img/>3</li>
</ul>
<ol class="slides-bullets">
<li><a data-slide="1">1</a></li>
<li><a data-slide="2">2</a></li>
<li><a data-slide="3">3</a></li>
</ol>
</body>
</html>