Previews:

Our team Widget style Products Portfolio Services Vertical Left aligned Right aligned With text label
How to link a desired frame How to control the slider Documentation


Links:
- Go one slide left
- Go one slide right
- Go 2 slides left
- Go 2 slides right
- Go to fifth slide

HTML codes are under the slider.

HTML codes:
<a href="#nothing" id="go_left">Go one slide left</a>
<a href="#nothing" id="go_right">Go one slide right</a>
<a href="#nothing" id="go_left_2">Go 2 slides left</a>
<a href="#nothing" id="go_right_2">Go 2 slides right</a>
<a href="#nothing" id="go_to_5_slide">Go to fifth slide</a>

<script>
	(function($){
		$(document).ready(function(){
			$('#go_left').click(function() {
				$('#slider1').content_slider('public_go_one_slide_left');
			});
			$('#go_right').click(function() {
				$('#slider1').content_slider('public_go_one_slide_right');
			});
			$('#go_left_2').click(function() {
				$('#slider1').content_slider('public_go_n_slides_left', 2);
			});
			$('#go_right_2').click(function() {
				$('#slider1').content_slider('public_go_n_slides_right', 2);
			});
			$('#go_to_5_slide').click(function() {
				$('#slider1').content_slider('public_go_to_slide', 4);
			});
		});
	})(jQuery);
</script>