Question

我正在使用-bootstrap主题处理wordpress。我希望在我的网站打开后立即在主页上加载整页图像。并希望在几秒钟内淡出图像但无法这样做。

我尝试了自举模式，但图像并未作为整页显示。我怎样才能实现它。

我试过这个：

<div id="downloads" class="modal hide fade" data-backdrop="static" data-keyboard="false">
<div class="modal-body">
<img src="http://pearlacademy.com/whatsnext/wp-content/uploads/2014/11/Learner.jpg" /></div>
</div>

这是脚本：

<script type="text/javascript">//
jQuery(document).ready(function($) {
    $('#downloads').modal('show');
});
</script>

Answer 1

从你的问题。我想你想要淡出图像效果。如果是，您的解决方案是

<script type="text/javascript">//
jQuery(document).ready(function($) {
    $('#downloads').fadeOut();
});
</script>

JSFIDDLE

Answer 2

Jquery().onload(function ($){
 ...css ().fadeout ().slow ()
  })

使用onload（）

如何在加载时使用淡出效果在网站主页上显示整页图像

2 个答案:

JSFIDDLE