1

私はJavaScriptにかなり慣れていません。

私は完全に正常に動作するSlidesJSを使用しています。

ただし、JavaScript が無効になっているユーザーを扱う場合は、少し注意が必要です。JavaScriptが無効なユーザーの場合、画像が並んでいます。また、画像が HTML コードに埋め込まれているため、対処方法がわかりません。

<div id="slides">
    <img src="http://placehold.it/940x528">
    <img src="http://placehold.it/940x528">
</div>
<script>
    $(function(){
      $("#slides").slidesjs({
  ......
</script>

SlidesJS をまだ使用する方法はありますが、JavaScript が無効になっているユーザーの場合、Web ページには既定の画像が 1 つ表示され、他のすべての画像が非表示になりますか?

4

1 に答える 1

1

JavaScript が有効な場合にのみ、HTML 要素にクラスを追加できるCSS とModernizrを使用します。

#slides > img + img {
    display: none; // may need to make this !important
}
.js #slides > img + img {
    display: block;
}

(modernizr.jsページ上の他の JS の前に実行する必要があることに注意してください。)

JavaScript の検出だけが必要な場合は、Modernizr も必要ありません。1 行のコードと上記の CSS だけです。

document.getElementsByTagName("html")[0].className = "js";

または、それについて非破壊的であるために：

document.getElementsByTagName("html")[0].className
     = document.getElementsByTagName("html")[0].className + " js";
于 2014-06-02T20:38:31.630 に答える