Показать сообщение отдельно
  #2 (permalink)  
Старый 14.08.2012, 09:54
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

<script>
 // DOM Ready
 $(function() {

 var current;

 function rotate() {

 // This seems like a sucky way to do it, but you can't select by classes because they execute in order

 if (current == 1) {
 $("#block-1").removeClass().addClass("active");
 $("#block-2").removeClass().addClass("non-active-top");
 $("#block-3").removeClass().addClass("non-active-bottom");
 } else if (current == 2) {
 $("#block-1").removeClass().addClass("non-active-bottom");
 $("#block-2").removeClass().addClass("active");
 $("#block-3").removeClass().addClass("non-active-top");
 } else {
 $("#block-1").removeClass().addClass("non-active-top");
 $("#block-2").removeClass().addClass("non-active-bottom");
 $("#block-3").removeClass().addClass("active");
 }

 }

var switchNoHandClick = true, auto = false;


$("#rotator div").click(function() 
 {
  if(!auto){switchNoHandClick = false;setTimeout('switchNoHandClick = true',1*60*1000)}
 // Enables reversing, idea via Andrea Canton: https://twitter.com/andreacanton/sta...54634279849985
 current = this.id.substr(6); 
 rotate();

 });
function AutoRotate()  {
    if(switchNoHandClick){
          auto = true;
          $("#rotator div").click();
          auto = false;
    }
}
setInterval (function(){AutoRotate()},5000)

</script>

Последний раз редактировалось Deff, 14.08.2012 в 10:03.
Ответить с цитированием