[berap]

Я нашел скрипт который выводит контент по рандому.

Но у него нет кнопок. А мне нужно чтоб была возможность менять картинки кнопками.

Попытался сделать их но что то не вышло.

Помогите пожалуйста исправить.

<!--BANNER HEADINGS FOR index.html-->
        <div class="banner-slide-wrapper">
            <div class="banner-slide-ie-fix">
            </div>
        </div>
        <!--BANNER PICTURE FOR index.html-->
        <ul id="banner-slide-images">
            <li class="banner-slide-1"></li>
            <li class="banner-slide-2"></li>
            <li class="banner-slide-3"></li>
            <li class="banner-slide-4"></li>
            <li class="banner-slide-5"></li>
            <li class="banner-slide-6"></li>
            <li class="banner-slide-7"></li>
        </ul>
    
        <!--BANNER CONTROLS-->
	<div id="controls">   
        	<a href="#" id="control-left">
            <div class="control-left" onclick="function(getRan())"></div>
       	    </a>
            <a href="#" id="control-left">
            <div class="control-right" onclick="function(show)"></div>
            </a>
            <div class="control-left-triangle-top"></div>
			<div class="control-left-triangle-bottom"></div>
			<div class="control-right-triangle-top"></div>
			<div class="control-right-triangle-bottom"></div>
	</div>

this.randomtip = function(){

	var pause = 4000; // define the pause for each tip (in milliseconds) Feel free to make the pause longer so users can have time to read the tips :)
	var length = $("#banner-slide-images li").length; 
	var temp = -1;		

	this.getRan = function(){
		// get the random number
		var ran = Math.floor(Math.random()*length) + 1;
		return ran;
	};
    
	this.show = function(){
		var ran = getRan();
		// to avoid repeating tips we need to check 
		while (ran == temp){
			ran = getRan();
		}; 
		temp = ran;
		$("#banner-slide-images li").hide();	
		$("#banner-slide-images li:nth-child(" + ran + ")").fadeIn("fast");	     
	};
    
		$("#control-left").click(function(){
		$("#banner-slide-images li").hide();
		$("#banner-slide-images li:nth-child(" + temp + ")").fadeIn("fast");	
		});

		$("#control-right").click(function(){
		$("#banner-slide-images li").hide();
        $("#banner-slide-images li:nth-child(" + ran + ")").fadeIn("fast");
		});      
    
	// initiate the script and also set an interval
	show(); setInterval(show,pause);
};
    
$(document).ready(function(){	
	randomtip();
});