0

わかりましたので、画像でcurtainXが適切に機能するようになりましたが、最初の初期ロード時に、画像が縮小して上部に消え、次に他の画像をロードし、最終的にcurtainX画像をロードします..理由はありますか最初のアニメーションはcurtainX効果とは関係ありませんか?

        jQuery('.product_show').cycle({
            fx: 'curtainX',
            sync: false,
            speed: 1300,
            timeout: 2000,
            delay: 1000
        });

プラグインのホームページは次のとおり です。残りの時間は素晴らしく機能します。

私のローカル マシン上にあるので、これが私のサイトのビデオです。私が投稿したコード。

また、CSS を使用しない例も作成したので、CSS が邪魔をすることはなく、curtainX はまだそれを行っています: http://intellectproductions.com/test/html.html

画像にフリップ効果が必要なので、これが機能することが本当に必要です。

4

1 に答える 1

1

@A の助けを借りて。Wolff さん、応答性を維持する必要があり、高さをハードコーディングできなかったため、これが解決策でした。

    jQuery('.product_block .product_show').each(function() {

        imgHeight = jQuery(this).children(':first').height();
        jQuery(this).children(':first').height(imgHeight);

        val = jQuery(this).attr('class');
        val = val.split(' ');
        //timeout_time = val.substr(val.indexOf('-') + 1);
        timeout_time = val[1].substr(8);

        jQuery(this).cycle({
            fx: 'curtainX',
            sync: false,
            speed: 1300,
            timeout: timeout_time,
            delay: 1000
        });

        turn = turn - 3000;
    });

ここで高さを設定する際に注意してください。

imgHeight = jQuery(this).children(':first').height();
jQuery(this).children(':first').height(imgHeight);
于 2013-09-12T18:08:28.363 に答える