추가 요소는

Question

내 레일 웹 응용 프로그램에 Magnific 팝업 보석을 추가 한, 내 application.js에서

$('.box p a').magnificPopup({ 
    type:'image' 
}); 

로 간단하게 초기화했다.

어떻게하면 팝업 창의 내용을 수정합니까? 팝업으로 표시되는 이미지의 왼쪽과 오른쪽에 일부 호버 효과를 추가하고 싶습니다. 예를 들어, 이미지의 오른쪽에 마우스를 가져 가면 특정 이미지 정보 슬라이드가있는 div 컨테이너가 표시됩니다.

감사합니다. 또한 http://dimsemenov.com/plugins/magnific-popup/documentation.html#image_type

, 당신은 단지 팝업의 "인라인"형식을 사용하고, 자신에 의해 모든 콘텐츠를 제공 할 수 있습니다 -

Answer 1

image.markup 옵션을 사용하면 팝업 콘텐츠의 HTML 구조를 변경할 수 있습니다.