Lightbox2를 사용하여 refile 이미지 확대 방법
남의 참고가 됐으면 좋겠어요.
전제 조건
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을 몰라서 상당히 고전했어요...샘플 프레젠테이션
제작된 조합의 동작은 다음과 같다!완성!!
Reference
이 문제에 관하여(Lightbox2를 사용하여 refile 이미지 확대 방법), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/RITSUYA2020/items/81fd685aea9bacc0268d텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)