2012-10-25 3 views
0

나는 최근에 웹 페이지에 Cosmocoders CCSlider을 설치했으며 완성되었을 때 사이트가 멋지게 보이게하는 3D 전환에 깊은 인상을 받았습니다 ... 내 질문은 ...... ...... 구형 아이폰과 안드로이드 장치에서 2D 슬라이더 만로드하도록 만드는 코드 나 방법이 있습니까?하지만 3D 슬라이더는 Pc 's Mac 등에서로드됩니다. 페이지를 볼 때 속도가 느려지고 프로세서 사용량이 많아서 거의 볼 수 없기 때문입니다. I-phone 1과 같은 오래된 장치에서 ?? 가능하면 두 세계의 장점을 원합니다 ... 오래된 장치 용 2D 슬라이더 및 최신 장치 및 컴퓨터 용 3D 슬라이더 ..... 나는 누군가가 이것을 달성하도록 도울 수 있기를 바랍니다. 앤디CCSlider가 Iphone/old android와 천천히

내 웹 사이트가 www.eco-fireplaces.co.uk입니다

많은 덕분에, 나는 여전히 실험하고 같은 순간에 실행하는 2D 슬라이더 페이드가있을 수 있습니다.

답변

0

var effectConfig = {}; 
if(/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)) { 
    effectConfig = { 
     effectType: '2d', 
     effect: 'fadeSlide' 
    }; 
} else { 
    effectConfig = { 
     effectType: '3d', 
     effect: 'cubeUp', 
     _3dOptions: { 
      imageWidth: 960, 
      imageHeight: 400, 
      slices: 6, 
      depthOffset: 300, 
      sliceGap: 50, 
      fallBack: 'horizontalWipe', 
      delayDir: 'last-first', 
      easing: 'easeInOutElastic' 
     } 
    }; 
} 

var config = jQuery.extend({}, effectConfig, { 
    autoPlay: true, 
    captions: true, 
    controlLinks: false 
}); 

jQuery('#slider').ccslider(config); 
같은 브라우저 감지 스크립트를 사용할 수 있습니다