0

このスライダーはwww.Guguta.comにあり、IEまたはFirefoxで開くとうまく機能します。ChromeまたはSafariで開いた場合、写真のメインは表示されません。

また、小さな画像をマウスでクリックすると、その小さな画像がメインの画像に読み込まれますが、ChromeとSafariでは機能しません。

スライダーを管理するJSスクリプトは、「scripts.cs」から開始されます。完全なソースコードは、www.guguta.com/ slider.zip
からダウンロードできます。

ヘルプ/ヒントは本当にありがたいです。


高度な開発者に感謝します

4

1 に答える 1

2

わかりました。この行はそれを詰め込んでいました

$('.slider-item a').find('img').each(function () {
        $(this).rotateRight(-2);    
    });

そして私はそれをに置き換えました

$('.slider-item a').find('img').each(function () {
        degree = -2;
        $(this).css({
        '-webkit-transform': 'rotate(' + degree + 'deg)',
                        '-moz-transform': 'rotate(' + degree + 'deg)',
                        '-ms-transform': 'rotate(' + degree + 'deg)',
                        '-o-transform': 'rotate(' + degree + 'deg)',
                        'transform': 'rotate(' + degree + 'deg)',

        }); 
    });

注::これは、Webkitベースのブラウザ、つまり9やFirefox(3.5以降だと思います)などの最新のブラウザでのみ機能します。

編集:

また、ダウンロードリンクhttp://code.google.com/p/jqueryrotate/downloads/detail?name=jQueryRotate.2.2.jsを更新すると、古いjqueryrotateプラグインがあることにも気づきました。

そしてこれを行う

 $('.slider-item a').find('img').each(function () {
            $(this).rotate(-2); 
        });

また、私は1.5度が2度よりも優れていることを確認します(そして、はい、あなたは1.5を行うことができます私はそれがはるかに良く見えることを試しました)

それはこれが役立つというこの希望を修正します

ライアン

于 2012-11-04T08:33:36.427 に答える