이미지 슬라이더와 함께 제목 캡션 표시

Dynamic Drive의 motiongallery.js (CMotion Image Gallery)를 사용하여 slider을 만들었습니다.이미지 슬라이더와 함께 제목 캡션 표시

jQuery Capty를 사용하여 캡션으로 alt 또는 제목 텍스트를 설정하려고하지만 제대로 표시되지 않습니다 (here 참조).

누구나이 작업을 수행하는 방법에 대한 힌트 나 조언이 있습니까?

출처

2012-10-29 Steve Kyle

Capty 플러그인 페이지의 코드 예제와 페이지의 코드는 완전히 다릅니다. 또한 해당 페이지에서 동일한 ID를 가진 이미지가 여러 개 있습니다. ID는 고유합니다. 대신 CLASS를 사용하십시오. –

CSS 파일에 다음 클래스를 추가하십시오. 모든 일을 바로 잡아야합니다.

.capty-wrapper{display:inline-block;}

문제 <a> 및 <img> 인라인 요소이다. Capty는 캡션 렌더링을 위해 <div>을 사용합니다. 캡션 렌더링은 갤러리의 레이아웃을 망칠 블록 요소입니다.

위의 CSS는 capty의 div를 인라인 요소로 만듭니다.

또한 빌리 해자의 의견을 고려하고 ID가 고유 해야하는로 UR 이미지 lements에 캡션을 추가 $('.caption').capty(); 를 사용합니다.

출처

2012-10-29 17:03:11

완벽하게 작동 한 Samyam에게 감사드립니다. 하지만 질문이 하나 더 있으니 ... 아이폰에서 작동하도록 할 수 있습니까? 슬라이더가 마우스를 움직이기위한 디자인이고 휴대 장치에 마우스를 올려 놓지는 않았지만 드래그하여 왼쪽 또는 오른쪽으로 슬라이드 할 수는 있습니다. 화면에? –

체크 아웃 할 수있는 많은 터치 가능 갤러리가 있습니다. TouchGallery는 제가 아는 jquery 플러그인입니다. 그러나 서로 다른 라이브러리에는 다양한 기능 세트가 있습니다. 따라서 귀하의 요구 사항에 맞는 것을 찾으십시오. –

나는 그것을 사용하여 관리 : overflow : scrool; –

이미지 슬라이더와 함께 제목 캡션 표시

답변

관련 문제