Fancybox에 이미지 저장

"이미지를 다른 이름으로 저장"을 마우스 오른쪽 버튼으로 클릭하여 이미지 다운로드 옵션을 원했기 때문에 Fancybox를 사용하도록 전환했습니다. 나는 다른 웹 사이트가 그렇게하는 것을 보았다. 그러나 내 웹 사이트에서는 마우스 오른쪽 버튼을 클릭했을 때 "이미지 저장"옵션이 그림의 가운데 부분에만 나타납니다. 마우스가 이미지의 왼쪽 및 오른쪽 위를 가리키면 그런 옵션이 없습니다.Fancybox에 이미지 저장

내 문제의 웹 사이트는 다음과 같습니다 http://www.lixiao-art.com/latest.html

이 왜입니까? 마우스를 이미지의 어떤 부분 위에 올려 놓을 때 "다른 이름으로 이미지 저장"옵션을 표시하려면 어떻게해야합니까? 도와주세요.

출처

2014-10-11 lixiao

기본적으로 갤러리가있는 경우 fancybox는 이미지의 양면을 클릭 가능한 영역으로 사용하여 이전 또는 다음 이미지로 이동하기 때문입니다.

1) :

enter image description here

당신은 두 가지 옵션이 있습니다. (당신이 fancybox의 CSS 파일을 포함 후)에 추가하여이 CSS를 fancybox 이미지 외부 탐색 화살표를 이동 규칙

.fancybox-nav { 
    width: 60px;  
} 

.fancybox-nav span { 
    visibility: visible; 
    opacity: 0.5; 
} 

.fancybox-nav:hover span { 
    opacity: 1; 
} 

.fancybox-next { 
    right: -60px; 
} 

.fancybox-prev { 
    left: -60px; 
}

margin : [20, 60, 20, 60]

참조하여 fancybox 초기화 스크립트에이 API 옵션을 추가 JSFIDDLE

2).

<link rel="stylesheet" href="{your path}/helpers/jquery.fancybox-buttons.css" type="text/css" media="screen" /> 
<script type="text/javascript" src="{your path}/helpers/jquery.fancybox-buttons.js"></script>

다음 스크립트에 이러한 API 옵션을 추가 페이지에 포함시켜합니다 (fancybox 다운로드에 포함)를 fancybox 버튼 헬퍼를 사용하여 Fancybox의 documentation

에서 "확장 기능"에 대한

modal: true, 
helpers: { 
    buttons: {} 
}

확인

출처

2014-10-11 20:34:23 JFK

많은 감사! 옵션 1은 쉽게 들리지만 내 fancybox 초기화 스크립트는 무엇입니까? 그것은 "js"로 끝나는 파일입니까? "js"로 끝나는 파일이 두 개 이상 있습니다. 실례지만 내 무지. – lixiao

이것은 내 초기화 스크립트입니다.

답변

관련 문제