Показать сообщение отдельно
  #3 (permalink)  
Старый 04.12.2012, 12:26
Новичок на форуме
Отправить личное сообщение для berap Посмотреть профиль Найти все сообщения от berap
 
Регистрация: 03.12.2012
Сообщений: 3

Спасибо большое за помощь. Надо учить 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();
});

Последний раз редактировалось berap, 04.12.2012 в 12:47.
Ответить с цитированием