jQuery 시간이 표시된 링크 애니메이션 - 슬라이드 쇼가있는 시간에

Question

내 문제는 다음과 같습니다. 이미지 목록을 페이드 인/아웃하는 jQuery 슬라이드 쇼가 있습니다. 가능하다면 슬라이드 쇼와 함께 링크 집합을 가져야합니다.이 슬라이드 쇼는 그들이 묘사하는 이미지의 페이드 인으로 시간이지나면서 약간 확대되거나 확대됩니다.

e.e. 루프에 4 개의 이미지가 있고 이미지와 관련된 왼쪽에 4 개의 링크가 있습니다. 현재 이미지에 해당하는 링크를 (확대, 확대 등) 어떤 식 으로든 강조 표시하고 싶습니다. (자라고 확대/축소 등)

'onmouseover/onmousehover'텍스트 애니메이트에 관한 많은 설명서를 찾았지만, 내가 이상적으로하고 싶은 것은 애니메이션을 관련 이미지와 동기화시키는 것입니다. 나는 이것이 Flash에서 훨씬 쉬울 것이라는 것을 알고 있지만, SEO 및 유용성 이유로 인해 링크가 실제 텍스트이거나 텍스트 들여 쓰기가있는 스프라이트 이미지가 필요합니다 (이 문제에 대한 솔루션을 제공하는 경우 cufon도 좋을 것입니다)

다음은 배너의 기본 디자인에 대한 링크입니다 (친절 함). 슬라이드 쇼는 작동하지만 링크는 현재 정적 이미지입니다. 바라건대이 설명과이 예제를 통해 내가 얻으려고하는 효과를 완전히 이해할 수있을 것입니다. 당신의 도움에 미리

Link to example

많은 감사합니다.

EDIT : jQuery를 사용하여 CSS에 값을 삽입하면 링크의 font-size 속성을 늘리거나 줄일 수 있고 jQuery로 애니메이션을 적용 할 수 있다고 생각합니다. 이 행동을 어떻게 적용해야할지 모르겠습니다. 저는 jQuery 초보자입니다.

Answer 1

Jquery의 animate()을 사용하여 링크의 스타일을 수정하십시오. 예 :

$("#link1").animate({ 
    color:red, opacity: .5 
}, 1000, "linear", function(){ alert("all done"); });