이 탭 슬라이더를 구성하는 방법

Awkward Showcase은 최고입니다.이 탭 슬라이더를 구성하는 방법

그러나 button-wrapper을 맨 위로 이동할 수 있으며 숫자 대신 사용자 정의 제목을 사용할 수 있습니다. 옵션 중 하나도 설정하지 않은 것 같습니다. 그래서 나는 JavaScript 파일을 변경해야한다고 생각한다.

여기 보이는대로 : http://showcase.awkwardgroup.com/ 숫자 (1,2,3,4 ...)가 바닥에 있고, 나는 그들을 원하고 개, 고양이, 피쉬 등 더 나은 이름을 넣으십시오.

솔루션 : http://jsfiddle.net/h5pSQ/1/embedded/result/

편집 : 지금 그것을 할 것을, 나는 그것이 '아무튼 그건 (애니메이션을 비활성화해야 슬라이드를 그냥 숨기고 현재를 숨긴다)

출처

2014-01-19 Francisco Corrales Morales

나는이의 CSS를 수정을 시도 할 것입니다 : (캡션을두고 숨기기 이미지 상단에 넣어) http://showcase.awkwardgroup.com/index3.html 감사 @nevermind – sinisake

을하지만, 내가 멍청한 녀석이고, CSS, jquery, ... 많이 알지는 못해. 또 힌트를 줄 수있어? –

예 : 페이지 열기 Firefox, tools-> web developer-> inspector를 사용하여 수정할 요소를 CSS에서 확인하십시오. 필요에 따라 CSS를 수정하십시오. CSS mods는 jquery 개조 도구보다 쉽습니다. 뭔가를 시도하고 게시하십시오. 어떤 코드 + jsfiddle, 때 붙어 얻을 ... – sinisake

나는 플러그인을 편집했다. 여기는 바이올렛 http://jsfiddle.net/Ss6F5/3/이다.
버튼 번호를 맨 위로 이동하는 것은 CSS로 쉽게 수행 할 수 있지만 js 자체에서 수행했습니다.
"btn_values"속성의 버튼 이름을 옵션 해시의 배열로 전달할 수 있습니다.

$("#showcase").awShowcase({ 
     btn_values : ["one", "two"],//button names that you want to use instead of numbers 
     content_width:   700, 
     content_height:   470, 
     fit_to_parent:   false 
})

출처

2014-01-19 01:36:36 suren

고마워요. 나는 방금 그것을했다!, 나는 척 (쇼케이스)을 사용했고 배열로 나는 이름을 채운다. 너와 아주 비슷해. 한 가지 질문은 소스 수정을 허용 할 수 있습니까? 상속하는 다른 파일을 갖는 것이 더 좋지 않습니까? –

코드를 수정하여 응용 프로그램에서 사용할 수 있지만 상속 된 다른 파일을 갖는 것이 훨씬 더 좋습니다. – suren

예, 좋을 것입니다. 한 가지 질문 : 버전에 미리보기 이미지가 있지만 원하지 않습니다. JSFiddle에서 제거 할 수 있습니까? –

이 탭 슬라이더를 구성하는 방법

답변

관련 문제