0

私は最近Cosmocoders CCSliderを自分の Web ページにインストールしましたが、3D トランジションに非常に感銘を受けました。これが完了すると、サイトの見栄えが良くなります...私の質問は...コードや、古い I-phone や Android デバイスでは 2D スライダーが読み込まれますが、PC の Mac などでは 3D スライダーがまだ読み込まれます。I-phone 1 などの古いデバイスで表示すると、プロセッサの使用が遅くなり、プロセッサの使用が激しくなるため、ページがほとんど表示されないからです。可能であれば、両方の長所を活用したいと思います....古いデバイス用の2Dスライダーと、新しいデバイスとコンピューター用の本格的な3Dスライダー....誰かが私がこれを達成するのを手伝ってくれることを願っています.

どうもありがとうアンディ

私のウェブサイトはwww.eco-fireplaces.co.ukです。まだ実験中なので、すぐに 2D スライダー フェードを実行するかもしれません。

4

1 に答える 1

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);
于 2013-01-26T22:13:45.410 に答える