0

AnythingSlider を使用して、この dev に新しいサイトのコンテンツを配置しています。

http://sitedev.lcadfiles.com/interactive_barrett.html

スライダーが特定のページに最初にロードされるとき、わずかなジャンプがあります (スライダー全体、矢印などは、正しい位置に落ち着く前に数ピクセル移動します)。着陸後、すべて正常に機能しているように見えます。シフトは、4 つの異なるブラウザー (およびさまざまなブラウザー バージョン) を備えた古いマシンと新しいマシンで発生するため、ブラウザー固有のものではないようです。

私が間違って設定したものはありますか？何かSlider.js（またはおそらく.css - これはあまりありそうにないようですが）のように、どこかグローバルである可能性があると思いますが、目立ったものは何も見られませんでした.

4

2 に答える 2

1

同じ問題がありました。簡単な回避策（私にとってはうまくいきます）。

例えば。以下のような html コードがあり、style="visibility:hidden;" を追加します。あなたのanysliderコンテナに。

<div id="slider_nest" style="visibility:hidden;">
    <ul id="your_anythingslider">
    ...
    </ul>
</div>

js コードで、ドキュメントの準備ができたらスタイルを表示に変更します。例(JQuery)

jQuery(document).ready(function($) {
    $('#slider_nest').css('visibility', 'visible');
    ...
    $('#your_anythingslider').anythingslider();
    ...
}

それが役に立てば幸い！

更新:ローダー gif を含むスライダー マスクを追加します。

例えば。html には、次のようなものがあります。

<div id="slider_mask" style="background: #000 url('ajax-loader.gif') no-repeat center;     display:block; height:568px; width:1050px; margin:0 auto;">
</div>
<div id="slider_nest" style="display:none; height:568px; width:1050px; margin:0 auto;">
    <ul id="your_anythingslider">
    ...
    </ul>
</div>

今js（JQuery）で：

jQuery(document).ready(function($) {
    $('#slider_mask').hide();
    $('#slider_nest').css({'display':'block'});
    ...
于 2012-11-21T00:49:48.613 に答える
0

OMG, this finally solved our problem! Thank you.

Since I'm using the Wordpress plugin on a custom theme, I had to adjust it a bit like this:

Add this before the shortcode in the header.php file:

<div id="slider_mask" style="background: #FFF url('ajax-loader.gif') no-repeat center;display:block; height:323px; width:940px; margin:0 auto;">
</div>

Add this in the section of header.php file:

<script type="text/javascript"> 
    $(document).ready(function(){
    $('#slider_mask').hide();           
    $('.anythingSlider').css({'display':'block'});
}

Add this to the CSS file:

.anythingSlider {display:none;}
于 2013-01-25T18:12:10.667 に答える