fancybox“bug”，当我访问我的index.html fancybox图片总是显得减少，我需要刷新（f5）看起来正常

Question

我有这个脚本在照片库中使用fancybox

 <script type="text/javascript">

        $(document).ready(function() {
            $(".fancybox").fancybox();
        });



    </script>

然后我有我的部分与画廊的项目：

               <section id="images">
                      <ul>
                          <li>
                               <a class="fancybox" rel="group" 
         href="images/image1.png" title="Guns and Roses"><img  
    src="images/pic4.jpg" alt="Live">
                              </a>

            .... //more items

一切正常但我访问了我的index.html我的画廊部分，图片显示减少，我需要点击“f5”刷新页面，然后画廊恢复正常。 这个“虫子”的问题是什么？ 我认为问题是fancybox在我访问index.html时不加载，只在我执行“f5”时加载但不知道如何解决它...