Quando non è attivato Javascript. Quale altra soluzione?

Question

Sto lavorando su un sito web. Ho un'immagine che ho impostato su display: none in CSS. Ho usato JavaScript per visualizzarlo e farlo scorrere dopo che il caricamento della pagina è terminato. Funziona perfettamente.

voglio lanciare il sito web, con JS disabili e vedere cosa accadrà. Ho ricaricato la pagina web e l'immagine non si è mostrata affatto. Questo è normale poiché è stato impostato su display: none in CSS.

Ecco la mia domanda: Qual è la soluzione a questo? Voglio una situazione in cui un utente continuerà a vedere l'immagine anche quando JS è disabilitato nel suo browser. Non voglio che l'immagine entri in questo punto, ma voglio solo caricarla e mostrarla come qualsiasi altra cosa nella pagina web.

Answer 1

Si potrebbe rilevare se JS è abilitato (un paio di cose mi vengono in mente come Modernizr, o semplici <noscript> tag sarebbe probabilmente fare il trucco ... quindi aggiungere qualche ulteriore CSS per mostrare di nuovo. E 'solo una risposta rapida e sporca , ma dovrebbe fare il trucco:

<noscript> 
    <style type="text/css"> 
     #yourimage { display: block; } 
    </style> 
</noscript> 

Answer 2

si potrebbe, per impostazione predefinita, hai l'immagine visualizzata con display:block; e dispensati nasconderlo con js non utilizzare le librerie per questo e mettere i js subito dopo la img. -tag nel codice in modo che non avrà alcun ritardo.

Questa volontà :

• Mostra l'immagine se JS è disattivato, non nasconde l'immagine dal JS è disattivato
• nascondere l'immagine, se JS è disattivato, l'altra immagine verrà mostrato con l'altra JS-script.

Answer 3

Si dovrebbe essere necessario utilizzare <img> tag per visualizzare tutte le immagini, e non utilizzare display: none in modo che se JS è disattivato, esso può essere visualizzato nel browser.

Il JS deve essere utilizzato per controllare effetti complessi quali immagini diapositive o nascoste.