Спасибо большое за помощь. Надо учить JS и jQuery(
Сейчас сделал вот так вот следуя вашим советам.
Попытался сделать чтоб сохранялась последняя позиция чтоб кнопка назад работала нормально.
Но не всегда работает правильно не знаю почему.
this.randomImg = 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;
var temp2 = 0;
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
temp2 = temp;
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();
clearInterval(interval);//обнуляем таймер
interval = setInterval(show,pause);
$("#banner-slide-images li:nth-child(" + temp2 + ")").fadeIn("fast");
});
$("#control-right").click(function(){
clearInterval(interval);//обнуляем таймер
interval = setInterval(show,pause);
var ran = getRan();
temp2 = temp;
while (ran == temp){
ran = getRan();
};
temp = ran;
$("#banner-slide-images li").hide();
$("#banner-slide-images li:nth-child(" + ran + ")").fadeIn("fast");
});
// initiate the script and also set an interval
show(); var interval = setInterval(show,pause);
};
$(document).ready(function(){
randomImg();
});