4

スライダーをテストしていますが、ChromeとIE 9以降では機能しますが、以前のバージョンでは正しく機能しません。

私に発生する問題は、前のスライドがロールアップされている間、エラーのような画像が表示され（その後、loading.gifが表示され）、次のスライドが表示されるまで2秒以上残ることです。
アニメーションの種類を変更しようとしましたが、問題は解決しません。

私はこの答えを適用しましたが、問題は解決しませんでした。

どんな手掛かり？

dev7studiosにも同じ質問を投稿しましたが、答えはありません。

ここに画像の説明を入力してください

更新 これは、画像を生成する方法です。

private static MvcHtmlString BuildImageTag(string blobName, object htmlAttributes = null, string name = null)
{
  TagBuilder tag = new TagBuilder("img");

  var src = BlobHelper.GetBlobUri(blobName);

  tag.Attributes.Add("src", src.ToString());
  tag.Attributes.Add("name", name);
  if (htmlAttributes != null)
    tag.MergeAttributes(new RouteValueDictionary(htmlAttributes), true);

  return MvcHtmlString.Create(tag.ToString(TagRenderMode.Normal));
}

（この回答で説明されているように）終了タグが分離されるように変更するにはどうすればよいですか？

アップデート2

JSデバッグを有効にした後、nivoスライダーjsファイルでデバッガーの中断があることがわかります。

ここに画像の説明を入力してください

JSの行は次のとおりです。

u.attr("src",i.currentImage.attr("src")).show();

それが関連しているのかどうかさえわかりませんが、それが役立つかもしれないと思いました。

4

2 に答える 2

3

あなたのページのソースコードには、次のように表示されます。

<img name="ImageFileName" src="https://levelblob.blob.core.windows.net/levelblob/images/slides/b0624213-f3cd-4e0f-b1ae-e5e97429b087.jpg" title=""></img>

これは、W3C が指定する有効な img タグではありません。

タグは空です。つまり、属性のみが含まれ、終了タグはありません。

ところで、alt標準では属性が必要ですが、それについて文句を言うブラウザはありません。

したがって、あなたの場合、すべての img タグを次のように書き換える必要があります。

 <img name="ImageFileName" src="..." title="" alt="">

さらに、W3C からのメモのヒント:

ヒント: 画像の高さと幅の両方の属性を指定することをお勧めします。これらの属性が設定されている場合、ページのロード時に画像に必要なスペースが確保されます。ただし、これらの属性がないと、ブラウザは画像のサイズを認識できません。その結果、読み込み中 (画像の読み込み中) にページ レイアウトが変更されます。

あなたの問題がここにあるのかどうかはわかりませんが、無効な html がいくつかの問題を引き起こす可能性があることは確かです。

アップデート

更新後、(asp) を使用して html をレンダリングしているようです。関数の最後でこれを試してください：

return MvcHtmlString.Create(tag.ToString(TagRenderMode.StartTag));

PS: asp コードをテストできません。

于 2013-04-16T13:27:35.717 に答える
1

サイトはHTML5で書かれていますか？

最近、これを作成したWebサイトに実装しましたが、IE8とIE7の両方で完全に機能します。作成したWebサイトはHTML5で記述されており、スライダーを機能させるために変更したのはdivタグを変更することだけでした。スライダーの周りをセクションに移動し、HTML5シブを追加します。他のすべてはサイトからストックされていました。

これが私が作成したサイトで機能するので、これがあなたにも役立つことを願っています

（50人の担当者がいないため、コメントとして投稿することはできません）

于 2013-03-10T16:15:23.073 に答える