Jquery cycle plugin이있는 HTML CSS 문제

Question

jquery cycle plugin을 통합하려고하는데 잘 동작합니다. 내 슬라이드 쇼에도 내비게이션 컨트롤이 있습니다. 하지만 문제는 컨트롤을 배경 이미지로 설정해야하며 이전에 다음 링크를 표시하거나 일시 중지하고 재생하지 않아야한다는 것입니다. 아래 코드를 찾으십시오. 링크 텍스트 (이전, 다음, 일시 중지 및 재생)를 삭제하면 슬라이드 쇼가 작동하지 않습니다. 그래서이 텍스트를 투명하게 만들어 사용자가 이러한 링크를 볼 수없고 이미지 만 볼 수있게하는 방법이 있습니다. 도와주세요.

이전 이러한 CSS 매개 변수 중 하나를 제공 할 수 있습니다

<div style="height:25px;width:25px;display:inline-block;background:url('Images/play.png')no-repeat transparent"><a href="" id="play" style="text-indent:-9999px;">Play</a></div> 
    <div style="height:25px;width:25px;display:inline-block;background:url('Images/pause.png')no-repeat transparent"><a href="" id="pause">Pause</a> </div> 

<div style="height:25px;width:25px;display:inline-block;background:url('Images/next.png')no-repeat transparent"> <a href="" id="next">Next</a></div> 
</div><!--controls--> 

Answer 1

:

display:none; 또는 visibility:hidden;

이 차지하지 않도록 첫 번째는 DOM에서 제거됩니다 공간. 이것에 대한 좋은 점은 JQuery의 show() 및 hide() 함수와 직접 인터페이스된다는 것입니다.

두 번째 것은 DOM에 유지하고 보이지 않게하여 주변의 다른 요소가 그 존재를 존중하고 레이아웃이 변경되지 않도록합니다. 이걸 JQuery로 토글하려면 $('element').css('visibility','visible');