이미지가있는 텍스트의 Divs 순환

Question

이미지 슬라이드를 텍스트 블록과 동기화하려고합니다. 사이클 2는 훌륭한 jQuery 플러그인이고 간단한 코드는 꽤 먼 저를 찾았다. 그러나 한 가지 문제가 있습니다. 텍스트가 처음으로 슬라이드 될 때마다 전환은 실제로 나빠집니다. 현재와 ​​다음 블록의 글자는 1 초 동안 서로에게 "변형"됩니다. 첫 번째 사이클 후에 모든 것이 제대로 작동합니다. 여기

는 사이클 코드입니다 :

$("#slideshow").cycle({ 
timeout:0, // no autoplay 
fx: 'scrollHorz', 
randomizeEffects: false, 
next: '#next', 
prev: '#prev', 
}); 

$("#text").cycle({ 
timeout:0, // no autoplay 
fx: 'scrollHorz', 
next: '#next', 
prev: '#prev', 
}); 

U이 바이올린의 모든 것을 볼 수 있습니다

: http://jsfiddle.net/lucb792/85TCZ/1/ (단지 오른쪽 화살표를 왼쪽 클릭하거나)

고정 할 수있는이 뭔가를, 아니면 내가해야합니까 이와 같은 다른 솔루션을 검색 하시겠습니까?

Answer 1

플러그인이 처음/다음 컨트롤을 사용할 때 텍스트의 너비를 변경하는 것처럼 보입니다. 너비를 #text으로 설정하는 대신 너비를 divs#text 슬라이드 쇼 내로 설정하십시오. 이에 CSS를 변경하면 나를 위해 그것을 고정 :

여기

#text div{ 
    width:600px; 
} 

이 바이올린입니다 : http://jsfiddle.net/bbernar1/85TCZ/3/ 후반 회신