뷰포트보다 큰 이미지가있는 Fancybox 사용

나는 터치 스크린으로 전달 될 사이트에 FancyBox 플러그인을 사용하고 있습니다. 일부 기능은 사용자가 뷰포트보다 훨씬 큰 그림을 '확대'할 수있게 해줍니다.뷰포트보다 큰 이미지가있는 Fancybox 사용

I가하고자하는 다음과 같은 일이 :

년 - 사용자가 사진을 스크롤 할 수 있어야한다 (스크롤바 확인)하지만 그 순간에, 나는 가로 스크롤 막대가 표시 할 수 없습니다 (수직을 하나).

페이지를 클릭 한 다음 "토착 전통"을 클릭하고 마지막으로 사진 아래의 "확대/축소 및 탐색"을 클릭하면 기능이 this link에서 볼 수 있습니다.

번거 로움없이 같은 목적을 달성 할 수있는 다른 플러그인이 있습니까?

2013-08-27 Evan M. Rose

스크롤 막대를 왜 원하는지 알지 못합니다. 모든 것은 뷰포트에 맞도록 설정되어 있으며 일반적으로 스크롤 막대를 얻는 유일한 방법은 꼬집기 확대/축소를 사용하여 이미있는 공간을 알 수 있도록하는 것입니다. – Chad

나는 fittoView를 false로 설정하여 이미지가 전체로 튀어 나오는 것을 의미합니다 크기대로해야합니다. 이미지는 뷰포트보다 훨씬 크기 때문에 스크롤 할 때 이미지를 탐색해야합니다. 문제는 어떤 이유로 든 수직 스크롤바와 수평선이 없다는 것입니다. –

이 플러그인은 정말로 망가졌습니다. 내가 뭘 테스트했는지 모르겠지만 Firefox에서 테스트 한 결과 절반의 사이트가 작동하지 않습니다. 내가 상상할 수있는 두 가지 속성은 플러그인에 영향을 미치고 있습니다 ** 오버플로 **와 크기 조정은 엄청나게 벗어났습니다. 더 나은 플러그인을 찾으려하고 모든 것을 찾으면 알려주지 만 모든 브라우저에서 브라우저를 테스트했는지 확실히해야합니다. –

시험해보기 :

이미지 요소에 클래스 이름을 지정하십시오. 예를 들어,

<a class="fancybox" href="path/to/123.png">Picture</a>

는 jquery.fancybox.js의 맨 아래에 다음 코드를 입력 :

$(document).ready(function() { 
    $(".fancybox").fancybox({ 
     type: 'iframe', 
     width: 1200 
    }); 
});

그것은 내 웹 사이트에서 작동합니다. 너비는 원하는대로 변경할 수 있습니다. 희망이 도움이됩니다!

출처

2017-02-03 23:14:50 Hao

뷰포트보다 큰 이미지가있는 Fancybox 사용

답변

관련 문제