Der JavaScript-erforderliche Bereich wird mit Inline-CSS versteckt und dann nach dem Laden mit einem kleinen JavaScript-Snippet angezeigt. Darunter werden noscript-Tags für Fallback-Inhalte verwendet. Daher wird je nachdem, ob JavaScript aktiviert ist oder nicht, nur eines dieser Inhaltsbits benötigt.
<!-- JavaScript-Required Content -->
<div id="photoslider" style="display:none">Javascript photoslider</div>
<script>document.getElementById('photoslider').style.display='';</script>
<!-- END JavaScript-Required Content -->
<!-- Fallback Content -->
<noscript><div id="photo">Alternative static photo as content when javascript is turned off</div></noscript>
<!-- END Fallback Content -->
Dieser Code macht mich glücklich! So einfach, aber so effektiv!
Guter Tipp! Danke
Chris,
Du und diese Seite retten mir immer den Tag! PS – Ich habe das gerade mit einer WordPress-Diashow ausprobiert. Ich habe die 'noscript'-Tags mit einem Standardbild unter dem Slideshow-Shortcode auf der Standardbearbeitungsseite hinzugefügt und es hat wie am Schnürchen funktioniert.
Danke!
Hallo Chris
Ich wollte eine einfache Diashow auf einer Homepage verwenden, war mir aber des Szenarios „Kein JavaScript verfügbar“ unsicher. Dieses einfache Code-Stück hinterlässt mir auch dann ein großartiges erstes Bild, wenn die Diashow nicht läuft.
vielen Dank dafür