延遲jQuery動畫，直到Supersized插件顯示背景圖片為止

Question

人們之前也曾問過類似的問題，但我的觀點有所不同：

我正在使用Supersized jQuery插件加載單個全屏背景圖像。 加載圖像的代碼是這樣的：

<script type="text/javascript">  

            jQuery(document).ready(function($) {

                $.supersized({
                    //Background image
                    slides  :  [ { image : 'http://www.cybart.com/bscg/wp-content/themes/Custom/images/backgrounds/bg.jpg' } ]                  
                });

$('#content').delay(3500).fadeIn(600);

            });


        </script>

如您在代碼中所看到的，我在“超大”功能之后鏈接了fadeIn效果。 我想在背景圖像（bg.jpg）結束后淡入#content div中，不僅完成加載，而且還完成淡入。我使用了我不太喜歡的解決方案：在我的fadeIn效果之前設置一個較長的延遲。

在超大尺寸圖像消失后，在內容div中淡入淡出的最佳方法是什么？

感謝您的幫助！

Answer 1

如果有人仍在尋找解決方案，這就是我所做的：

超大3.2.7.js

在img.load函數之后，在base._start函數中，我添加了以下內容：

img.fadeOut();
img.bind("load", function () { $(this).fadeIn(750); });

Answer 2

找到了我自己的答案：

解決方案是編輯超大型核心js文件。 在文件中，執行以下代碼：

$('#supersized-loader').hide();     //Hide loading animation
element.fadeIn('fast');         //Fade in background
resizenow();

我添加了自己的一行：

$('#content').delay('fast').fadeIn('fast');

像魔術一樣工作！

Answer 3

您是否嘗試過使用jQuery .ready（）函數？

jQuery(document).ready(function($) {
  $.supersized({
    //Background image
    slides  :  [ { image : 'http://www.cybart.com/bscg/wp-content/themes/Custom/images/backgrounds/bg.jpg' } ]                  
  });

  $.supersized.ready( function() {
    $('#content').fadeIn(600);
  });

});