JQUERY Random 여러 따옴표 회전 자의 필요성 조정

Question

여러 회 로테이터가 작동하도록 노력하고 있습니다.

은 내가 JS 위로 바이올린과 Jsfiddle - Multiple Quote Rotator

jQuery(function(){ 
var quotes1 = [ 
[ '75', 'Happy Clients' ], 
[ '25', 'Emails Typed a day' ], 
]; 

var quotes2 = [ 
[ '14', 'Coffes a day' ], 
[ '1', 'Squeacky Chair' ], 
]; 
var quotes3 = [ 
[ '70', 'Phone Calls/Day' ], 
[ '5', 'Spiders' ], 
]; 
var quotes4 = [ 
[ '1000', 'Types on the keyboard' ], 
[ '100%', 'Qualified Personel' ], 
]; 
var quotes5 = [ 
[ '55', 'Planes' ], 
[ '500', 'Girls' ], 
]; 
var quotes6 = [ 
[ '160', 'Seo Campaigns running' ], 
[ '1', 'Squeacky Chair' ], 
]; 

$('.circle.one').loadText(quotes1, 200); 
$('.circle.two').loadText(quotes2, 400); 
$('.circle.three').loadText(quotes3, 600); 
$('.circle.four').loadText(quotes4, 800); 
$('.circle.five').loadText(quotes5, 1000); 
$('.circle.six').loadText(quotes6, 1200); 
}); 

$.fn.loadText = function(quotes, interval) { 
return this.each(function() { 
    var obj = $(this); 
    var quote = random_array(quotes); 
    var delaytest = delaytest; 
    var quote_text = '<p class="facts_h1">' + quote[[0],[0]] + '</p>' + '<p class="facts_p">' + quote[[0],[1]] + '</p>'; 

    obj.parent().fadeOut('linear', function() { 
      obj.empty().html(quote_text); 
      obj.parent().fadeIn(500); 
    }); 

    $("#quote-reload").click(function(){ 
      if(!obj.is(':animated')) { 
       obj.loadText(quotes, interval); 
      } 
    }); 
}); 
} 
function random_array(aArray) { 
    var rand = Math.floor(Math.random() * aArray.length + aArray.length); 
    var randArray = aArray[ rand - aArray.length ]; 
    return randArray; 
} 

내 문제는 내가 애니메이션과 다른 후 하나를 표시하는 제 6 따옴표를하려는 것입니다 실행이있다.

내가 관리 할 수있는 모든 페이드 아웃 글로벌 페이드

내가 감각을 만드는 건가요 ...인가?

Answer 1

내가 관리 할 수있는 모든 페이드 아웃 글로벌 페이드 ... 모든하여 .circle 요소의 parent() 컨테이너에 fadeIn 및 fadeOut을 적용하고 있기 때문이다

이다. 페이드 애니메이션을 오브젝트 자체에 적용하십시오. 자세한 내용은 다음과 바이올린을 참조하십시오 또한

http://jsfiddle.net/6DFfr/

:

1. 사용 delay() 애니메이션을 비틀 수 있습니다.
2. fadeIn/fadeOut-fadeTo() 대신 fadeTo()을 사용하면 불투명도 만 활성화되며, fadeIn/fadeOut은 요소를 숨겨 요소 위치 지터가 발생합니다.

Answer 2

각 요소에 기능을 적용하는 대신 요소 목록에서 작동하는 하나의 기능을 사용하십시오.

this question을 확인하는 방법에 대한 데모를 확인하십시오.