0

Safari と Chrome でのみ発生するような奇妙な問題が発生しています。jQuery サイクル プラグインを使用してスライドショーを作成しましたが、Safari または Chrome を使用すると次のエラーが発生します。

[サイクル] 1 - img スライドがロードされず、スライドショーを再キューイング: http://www.blahblahblah.co.uk/images/commercial_main.png 0 0

これが私のコードです：

<div id="banner_wrapper">
        <div id="main_banner_shadow">
            <div id="main_banner">
                <div class="buttons">

                </div>
                <div class="banner_image">
                    <img class="commercial_main" src="/images/commercial_main.png" />
                    <img class="domestic_main"  src="/images/domestic_main.png" />
                    <img class="kitchens_main"  src="/images/kitchens_main.jpg" />
                    <img class="build_main"  src="/images/build_main.jpg" />
                    <img class="Renovation"  src="/images/Renovation.jpg" />                        
                </div>
            </div>
        </div>
    </div>

そしてjQuery：

$('.buttons a:contains("1")').html("COMMERCIAL");
$('.buttons a:contains("2")').html("DOMESTIC");
$('.buttons a:contains("3")').html("KITCHENS & BEDROOMS");
$('.buttons a:contains("4")').html("NEW BUILDS/EXTENSIONS");
$('.buttons a:contains("5")').html("RENOVATION");

私はこの問題を取り除くことができないようです。なぜこれが起こっているのか誰にも分かりますか？

4

2 に答える 2

4

わかりました、このエラーを修正できました。マークアップの画像に幅と高さを設定する必要がありました。お役に立てれば！

于 2013-03-01T16:24:40.877 に答える
2

私もこの問題を抱えていましたが、実際のスライドショー コンテナに幅を設定することで解決しました。レスポンシブに画像のサイズを変更する必要があるため、その解決策を見つけて安心しました.

于 2013-04-04T04:43:50.183 に答える