0

私はroundaboutjQueryプラグインを使用していますが、を除くすべてのブラウザでうまく機能していChromeます。

するとInspect Element、すべてのソース コードとパラメーターが正しく、適切に定義されていることがわかります。

今、URLをクリックしてヒット画像が表示され、キー画像でEnter更新すると表示されません。F5

Google や Chrome のフォーラムで調べてみましたが、わかりませんでした..

私の現在の構成はでテストされました

Chrome  : Version 26.0.1410.64 m
OS      : Windows XP SP2, Windows 7 x86 Ultimate

以下は、私が試したいくつかのトレーニングです。

1. Refreshed cache and deleted caches
2. Images path are correct
3. Making header content-type to text/html, text/css, and content-length to 1024
4. Used Other operating system and previous version of chrome
5. checked console if there any errors in JavaScript (Result : empty console, i.e. No Errors or warnings)

参考までに画像を追加しました（参考にならないかもしれません）

ここに画像の説明を入力

更新: コード

<ul id="treemenu1" class="r-ul">
    <li><img src="images/img/img1.png"  /></li>

    <li><img src="images/img/img3.png" /></li>
    <li><img src="images/img/img2.png" /></li>
    <li><img src="images/img/img4.png"  /></li>

    <li><img src="images/img/img5.png"  /></li>
    <li><img src="images/img/img6.png"  /></li>
    <li><img src="images/img/img7.png"  /></li>

    <li><img src="images/img/img9.png"  /></li>
    <li><img src="images/img/img10.png"  /></li>
    <li><img src="images/img/img11.png"  /></li>
</ul>   


<script>
    $(document).ready(function() {
        $('ul').roundabout({
            'autoplay':true,
            'duration':3000
        });
    });
</script>

jsfiddle を追加

http://jsfiddle.net/Twy8e/

そして、jsfiddleがchromeで動作していることと、chromeで動作していることに問題はありません..しかし、本番環境では画像が表示されません

4

4 に答える 4

1

ああ、私もこのプラグインと多くの問題を使用しましたが、最終的に解決策を得ました。

パラメーターを設定する 'debug':true と、すべてのスタイル/css を持つ空の div 要素が表示されます。

$(document).ready(function() {
    $('ul').roundabout({
        'autoplay':true,
        'duration':3000,
        'debug':true
    });
});

更新すると、style/css が表示さ れ、要素のheightとが として見つかります。widthdiv0px

そして、下記のcssまたは必要な値にmin-heightとmin-weightを設定して、それをチェックしてください..

私はあなたがフィドルを見たことがあると思います..このCSS

li img {
    width: 100%;
}

それをに変更する必要があります

li img {
    min-height: 250px; /* or whatever */
    min-weight: 350px; /* or whatever */
}

解決したら、デバッグ オプションを削除するか、false に設定します。

私はこの問題を抱えており、解決策を得たので、これはうまくいくはずです。クロムの問題ではないと思います..プラグインは、要素のheightおよびwidth要素 をトリガーしません

于 2013-04-24T11:26:59.387 に答える
0

Tilled Characters または ../ を使用して試してください

 <li><img src="~/images/img/img1.png"  /></li>

また

 <li><img src="../images/img/img1.png"  /></li>

そして、これをいくつかの他の議論を見てください

CSS 背景画像が読み込まれない

Chrome: ページを更新した後に背景画像がレンダリングされない + JavaScript リダイレクト

または $(document).read() の代わりに $(window).load() を使用します

<script>
    $(window).load(function() {
        $('ul').roundabout({
            'autoplay':true,
            'duration':3000
        });

    });
</script>
于 2013-04-24T05:34:14.930 に答える
0

<li><img src="images/img/img3.png?X" /></li>サーバー側から画像を生成するときは、乱数のように画像のソースに乱数を追加してみてくださいX。

例えば：

<li><img src="images/img/img3.png?1" /></li>
<li><img src="images/img/img2.png?2" /></li>
<li><img src="images/img/img4.png?3" /></li>
于 2013-04-24T05:34:35.403 に答える