私はウェブサイトで働いています。 CSSでdisplay: noneに設定した画像があります。私はJavaScriptを使ってそれを表示し、ページが読み込まれた後にスライドしました。それは完璧に働いています。Javascriptがオンになっていない場合。その他の解決策は何ですか？
私はJSを無効にしてウェブサイトを立ち上げ、何が起こるかを見たいと思います。私はウェブページをリロードし、画像は全く表示されませんでした。 CSSのdisplay: noneに設定されているため、これは正常です。
ここに私の質問です：これに対する解決策は何ですか？ JSがブラウザで無効になっている場合でも、ユーザーが画像を見られるような状況が必要です。この時点で画像をスライドさせたくないのですが、ウェブページ上に他のものと同じように読み込んで表示するだけです。
Modernizrのようにいくつかのことが考えられるか、単純に<noscript>タグがトリックを行う可能性があるかどうかを検出することができます。次に、CSSを追加して再度表示します。が、それはトリックを行う必要があります。
<noscript>
<style type="text/css">
#yourimage { display: block; }
</style>
</noscript>
あなたは、デフォルトでは、画像がdisplay:block;で表示されている可能性があり、immediatleyはJSでそれを隠し、このための任意のライブラリを使用し、右img後のjsを入れないでください。コード内のタグを使用して遅延が発生しないようにしてください。
：JSがJSが無効になっている場合
は、画像を非表示に無効になっているので、JSが無効になっている場合あなたは、すべての画像を表示する<img>タグを使用する必要がなければならない、とJSが無効になっている場合、それはブラウザでレンダリングすることができるようにdisplay: noneを使用しないでください。
JSを使用して、画像をスライドまたは非表示などの複雑な効果を制御する必要があります。
これは簡単ですが、完全に解決しました。ありがとう。 – theCoder
（+1）私は以前この問題を抱えていました。 –