需要 JavaScript 的区域使用内联 CSS 隐藏,然后在 JavaScript 加载后使用一小段 JavaScript 代码显示。在下方,使用 noscript 标签作为备用内容。因此,根据是否启用了 JavaScript,只需要其中一部分内容。
<!-- 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 -->
这段代码让我感到高兴!如此简单,却如此有效!
不错的技巧!谢谢
Chris,
你和这个网站总是能帮我解决问题!仅供参考 - 我刚刚在 WordPress 幻灯片中尝试了这个方法。我在标准编辑页面幻灯片简码下添加了 ‘noscript’ 标签以及一个标准图像,它完美地工作了。
谢谢!
嗨,Chris
我想在主页上使用一个简单的幻灯片,但担心“没有可用 JavaScript”的情况。这段简单的代码即使幻灯片无法运行,也能让我有一个很棒的首选图像。
非常感谢