2014-10-01 2 views
1

Lightbox 2은 멋진 jQuery 확장 기능입니다. 이미지를 잘 표시하는 일을하지만 애니메이션은 말 그대로 믿을 수 없을 정도로 느립니다!라이트 박스 2 애니메이션 속도 변경

사용자가 매우 빠르게 짜증을 내며 떠납니다. Lightbox 대안을 더 느리게 보았고 점차적으로 팝업을 접을 수있었습니다. 나는 누가 그런 일을 원하는지 알아낼 수 없다.

질문

어떻게 즉 등록 정보를 사용하여, 바람직하게는 원래의 코드를 교대없이 라이트 (2)의 애니메이션의 속도를 변경할 수 있는가?

+0

, 당신은 애니메이션의 일부를 편집 할 수 있습니다 사용할 수있는 옵션을 여기 http://lokeshdhakar.com/projects/lightbox2/

예를 확인하십시오. 그다음에는 많은 작업 없이도 애니메이션을 분리 할 수 ​​있는지 확실하지 않습니다. 그 시점에서 라이트 박스를 직접 만들 수도 있습니다. 원본 코드를 수정할 수없는 이유는 무엇입니까? – Pete

+0

Lightbox를 업데이트 할 때마다 코드를 변경해야하기 때문에 코드를 변경하고 싶지 않습니다. 또한 이것은 최선의 관행이 아닙니다. – bytecode77

답변

3

fadeDuration을 사용하여 페이드 속도를 높이고 resizeDuration을 사용하여 속도를 조정할 수 있지만 원본 스크립트에서 편집하는 것이 좋습니다. 옵션을 변경할 수있는 유일한 방법은 당신이 직접 인스턴스화 할 수 있도록 스크립트 자체

Example of a faster fade in and resize

라이트 박스에 대한 좋은 대안이 FancyBox 2를 변경하는 것입니다 불행하게도 스크립트와

자기 인스턴스화입니다 링크의 각 세트에 대한 애니메이션을보다 효율적으로 제어를 허용 특정 링크를 타겟팅하는

Here is a link to it's api

+1

그것이 내가 얻을 수 있다고 생각하는 최고의 타협입니다. fancyBox도 살펴 보겠습니다. 고맙습니다! – bytecode77

0

라이트 2 모드를 지원하는 것 애니메이션 속도를 포함한 많은 옵션을 ify.

그것은 라인 (14)에 변수 LightboxOptions 아래처럼 보인다
<script> 
    lightbox.option({ 
     'resizeDuration': 20, 
     'fadeDuration': 20, 
     'imageFadeDuration': 30, 
     'wrapAround': false, 
    }) 
</script> 
관련 문제