파운데이션의 궤도 콘텐츠 슬라이더 상단에있는 작은 글 머리 기호/원을 제거하는 방법은 무엇입니까?

Question

Zurb Foundation의 궤도 콘텐츠 슬라이더에서 상단에 얼마나 많은 슬라이드가 있는지 (클릭 가능) 표시되는 작은 글 머리 기호/원을 제거 할 수 있습니까? 나는 그들이 사라지길 바란다.

Answer 1

그래서 난 당신이 this type of orbit을 사용한다고 가정 zurb 재단 5.

의 상단에는 총알/원이 없습니다.

어떨까요 당신의 CSS 파일 어딘가에 .orbit-bullets {display: none;}을 시도해보십시오.

Answer 2

당신은 데이터 옵션은 UL의 속성을 사용할 수 있습니다

<ul data-orbit data-options="bullets:false;"> 
    <li> 
    <img src="satelite-orbit.jpg" alt="slide 1" /> 
    </li> 
    <li> 
    <img src="andromeda-orbit.jpg" alt="slide 2" /> 
    </li> 
    <li> 
    <img src="launch-orbit.jpg" alt="slide 3" /> 
    </li> 
</ul> 

당신은 또한 자바 스크립트를 사용할 수 있습니다

$(document).foundation({ 
    orbit: { 
    timer_speed: 1000, 
    bullets: false 
    } 
}); 

재단 5는 Orbit page의 아래쪽으로 더 많은 문서를 가지고있다.

Answer 3

사용중인 Foundation 버전은 중요하지 않습니다. 위의 대답에서 언급 한 바와 같이; 아무 것도 표시하지 않는 궤도 - 글 머리 기호를 설정해야합니다.

예 :

.orbit-bullets { display: none; } 

또한 다음을 시도 할 수 :

.orbit-bullets-container { display: none; } 

이러한 선언 중 어느 것도 내가 문제가 당신의 CSS 내에있는 것을 추측 할 작업하는 경우. 어쩌면 부모 div 안에 아무 것도 표시하지 않도록 설정 한 후에 스타일 시트 어딘가에 블록을 표시하도록 궤도 - 글 머리 기호를 설정 한 것으로 보입니다. 또는 재단의 CSS 전에 스타일 시트를 호출하고 있으며 선언 후에 재정의됩니다. 어떤 프레임 워크를 사용할 때 먼저 스타일과 스크립트를 호출해야합니다. 귀하의 응용 프로그램 파일 전에.

예제를 제공 할 수 있으면 해결하기가 어렵지 않습니다.