2009-08-15 3 views
6

누구나 레일 용 라이트 박스 플러그인을 알고 있습니까? 나는 redbox를 발견했지만 개발이 끝난 것 같습니다.Lightbox for rails?

감사합니다.

-Elliot

답변

5

그냥 일반 라이트 박스 2를 사용합니다. 링크에 rel => "lightbox"라는 적절한 자바 스크립트 및 스타일 시트를 모두 포함하십시오. 내가 rlightboxhttp://github.com/Lipsiasoft/lightbox

+2

당신이 .html.erb (보기) 파일에 자바 스크립트와 스타일 시트 및 사용을 추가하는 방법에 대해 자세히 설명시겠습니까? –

0

.

0

당신은 사용할 수 있습니다. jquery UI 플러그인입니다. 그것은 사진과 비디오에 사용할 수 있습니다 및 설명서는 다음

3

쉽게 (내 경우 V4) 레일의 라이트 박스를 사용하는 방법 예입니다 꽤 좋은 : http://lokeshdhakar.com/projects/lightbox2/
복사합니다 라이트 박스 : 사이트에서
1. 다운로드 4. 이름 바꾸기 lightbox.css를가
5. 복사에 사 IMG의의를 lightbox.css.scss.erb하는
응용 프로그램/자산/스타일 시트에 lightbox.css를 응용 프로그램/자산/자바 스크립트로의 .js는
3. 복사 응용 프로그램/자산/이미지
6. lightbox.css.scss.erb를 편집하십시오.
- 모든 이미지 경로가 다음으로 바뀝니다.

<%=image_path "close.png"%> 

적절한 이미지 이름.
라이트 박스를 활성화하려면 이미지 링크에 데이터 라이트 박스 속성을 추가하십시오. 속성의 값은 각 이미지에 대해 고유 한 이름을 사용하십시오. 예 :

<a href="img/image-1.jpg" data-lightbox="image-1" data-title="My caption">Image #1</a> 

모두입니다.

+1

css 파일에 erb 처리를 사용하는 대신'<% = image_path ... %>'대신'lightbox.css.scss'로 저장하고'image-url ("close.png")을 사용하십시오 '파일 대신에'url (...)'을 사용합니다. 여기 erb에 대한 필요가 없습니다! –

0

필자는 기존 Rails 애플리케이션에서 라이트 박스를 사용하기 위해 필자의 레일스 래퍼를 작성했습니다.

Github에서 : https://github.com/vernondegoede/lightbox-rails

+0

어떻게 사용할 수 있습니까? 그냥 Gemfile을 추가 하시겠습니까? 그게 다야? – LovingRails