2011-11-14 3 views
3

최근 프로젝트에서 Nivo Slider를 사용하여 슬라이드 쇼를 제작했습니다. 이것은 유용한 옵션과 함께 견고한 솔루션이지만 사용자는로드 속도가 느리다는 불평을합니다. 그리고 스크립트가 실행하기 위해로드 된 모든 이미지를 필요로하므로 올바른 것입니다.슬라이드 쇼 성능 향상

성능 향상을위한 도움말을 찾고 있으며, Nivo Slider를 대체 할 솔루션에 대한 권장 사항을 찾고 있습니다. 나는 명백한 것 (물론 더 가벼운 이미지를 사용하고 총 슬라이드 수를 줄이는 것)을 넘어선 조언을 의미합니다.

편집 : 컨텍스트를 명확히하기 위해 이미지는 사용자가 관리하는 갤러리에서 가져옵니다. 나는 이미지 자체에 대한 통제권이 없다.

+0

아마 당신은 가지고 있겠지만 CSS 스프라이트를 사용해 보셨습니까? – eversor

답변

1

이미지가 표시되기 전에 점진적으로로드되는 슬라이드 쇼를 고려해 보시기 바랍니다. jQuery Cycle 플러그인을 살펴보십시오. 구체적으로는 this example입니다. 슬라이드 쇼가 시작된 후 (점진적) 슬라이드를 추가하는 방법과 슬라이드 쇼가 시작된 후 추가되는 이미지를 미리로드하는 방법을 보여주는 this one입니다.

행운을 빌어 요!

+0

저는 과거에 jQuery Cycle을 실제로 사용했습니다. 내 문제는 Nivo가 제공하는 다른 슬라이더와 같은 모든 종소리와 휘파람이 함께 제공되지 않는다는 것입니다. – Christophe

+0

이해할 수 있음; 사이클과 같은 addSlide 기능을 포함하도록 Nivo를 확장 할 수 있습니다. – dSquared

+0

또한 스톱 갭 솔루션이 될 수 있습니다. http://stackoverflow.com/questions/6727253/getting-nivo-slider-to-start-before-all-images-are-loaded – dSquared