Lightbox2를 사용하여 refile 이미지 확대 방법

1398 단어 RefileLightbox2
제작진에서 라이트box2를 사용하여 리파일의 이미지를 확대하는 방법이 상당히 까다롭기 때문에 비망록으로 남긴다.
남의 참고가 됐으면 좋겠어요.
전제 조건
refile을 가져왔습니다.
Lightbox2 가져오기
<link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/css/lightbox.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/js/lightbox.min.js" type="text/javascript"></script>
이 두 줄만 추가하면 Lightbox2를 가져올 수 있습니다.
Lightbox2는 jQuery로 썼기 때문에 Lightbox2 이전에 읽기jQuery.
실제 코드
실제 코드의 한 예는 다음과 같다.
<%= link_to Refile.attachment_url(work_out, :after_image), 'data-lightbox':"work_outs", 'data-title':"全ユーザーのアフター画像が表示されます" do %>
Refile.attachment_url(work_out, :after_image)로 이미지(after image)를 얻을 수 있는 URL을 몰라서 상당히 고전했어요...
샘플 프레젠테이션
제작된 조합의 동작은 다음과 같다!완성!!

좋은 웹페이지 즐겨찾기