2017-03-28 11 views
0

저는 lightbox2를 성공적으로 다운로드하고 이미지의 오른쪽으로 캡션을 이동하는 방법이 있는지 궁금합니다.lightbox2에서 자막 위치 바꾸기

js 파일에서 코드 줄을 찾는 방법을 설명하는 다른 튜토리얼을 읽었습니다 ...하지만 꽤 오래되었고 더 새로운 버전이있을 것 같습니다.

저는 CSS로 놀고 자했지만 아무 소용이 없었습니다. 나는 js에서 무엇을 찾을 지 전혀 모른다. 파일 버전. 어떤 도움이라도 대단히 감사 할 것입니다.

+0

아마도이 시점에서 js를 사용하지 않아도됩니다. [mcve] (여기에 질문에서,'<>'버튼을 사용하여)를 만든다면 우리에게 도움이되는 가장 쉬운 방법이 될 것이지만,이 시점에서 물어 보는 것은 너무 많을 것입니다. 그래서 ... 1) 사용중인 정확한 라이브러리를 링크하십시오 (많은 라이트 박스 플러그인이 있습니다). 2) 가능한 경우 설정에 대해 더 많은 정보를 제공하십시오. 로컬 서버에서이 작업을 실행하고 있습니까? 웹에서 사용자가 가지고있는 것을 검사 할 수있는 곳이 있습니까? –

답변

0

웹 브라우저의 도큐멘트 관리자를 사용하면 CSS로 문제를 해결할 때 매우 유용 할 수 있습니다.

.lb-details 클래스를 재정의하는 경우 텍스트를 오른쪽으로 배치 할 수 있습니다.

.lb-data .lb-details { 
    text-align: right; 
} 
0

난 당신이 this Lightbox plugin를 사용하고 닫는 버튼으로 자막의 위치를 ​​뒤집기 위해 노력하고 있다고 가정합니다.

위의 가정이 사실이라면 CSS에 추가해야합니다. lightbox.css 뒤에이 추가 내용을 포함하는 CSS 파일을로드하는 것이 중요합니다. 다른 (맞춤) 파일이 아직없는 경우 CSSlightbox.css 파일의 맨 끝에 배치하는 것이 안전하지만 별도의 맞춤 .css 파일을 작성하여 CSS을 혼합하지 않고 보관하는 것이 좋습니다. 다른 어떤 것과. 중요한 부분은 lightbox 후에로드해야한다는 것입니다. 데이비드에 의해 제안

.lb-data .lb-close { 
    float: none; 
} 
.lb-data .lb-details { 
    text-align: right; 
    float: right; 
} 

만 왼쪽에있는 닫기 버튼을 전환하지 않고, 오른쪽에 자막 텍스트를 정렬하려면

.lb-data .lb-detailstext-align:right은 충분하다.

답변이 이해가되지 않는 경우 언제든지 질문하거나 자세한 내용을 제공하십시오.