5

私はウェブサイトに取り組んでいます。display: noneCSSで設定した画像があります。JavaScript を使用して表示し、ページの読み込みが完了した後にスライドさせました。それは完全に機能しています。

JS を無効にして Web サイトを起動し、何が起こるかを確認したいと考えています。Web ページをリロードしましたが、画像がまったく表示されませんでした。display: noneCSS でに設定されているため、これは正常です。

これが私の質問です。これに対する解決策は何ですか? ブラウザーで JS が無効になっている場合でも、ユーザーに画像が表示される状況が必要です。この時点で画像をスライドインさせたくはありませんが、ウェブページ上の他のものと同じようにロードして表示したいだけです.

4

3 に答える 3

11

JS が有効になっているかどうかを検出できます ( Modernizrのようないくつかのことが頭に浮かぶか、単純な<noscript>タグでおそらくうまくいくでしょう...次に、CSS を追加して再度表示します。トリック：

<noscript>
    <style type="text/css">
        #yourimage { display: block; }
    </style>
</noscript>
于 2013-05-24T06:58:42.390 に答える
2

デフォルトでは、display:block;js で画像を表示し、すぐに非表示にすることができます。これにはライブラリを使用せずimg、コードの -tag の直後に js を配置して、遅延が発生しないようにします。

この意志：

  • JS が無効になっている場合は画像を表示し、JS が無効になっているため画像を非表示にしない
  • JS が無効になっている場合は画像を非表示にします。他の画像は他の JS スクリプトと共に表示されます。
于 2013-05-24T06:58:50.093 に答える
0

<img>タグを使用してすべての画像を表示する必要がありますdisplay: none 。JS が無効になっている場合は、ブラウザーでレンダリングできるようにタグを使用しないでください。

JS を使用して、画像のスライドや非表示などの複雑な効果を制御する必要があります。

于 2013-05-24T06:59:16.807 に答える