Javascript &引用；福托拉马”；jquery插件大小问题

以下是视频：

以及守则：

            <div class="fotorama"
                data-allowfullscreen="native"
                data-nav="thumbs"
                data-hash="true"
                data-loop="true"
                data-keyboard="true"

                data-width="100%"
                data-ratio="800/600"
                >
              <?php

                for ( $i=1; $i<12; $i++ ) {
                    echo '
                        <a href="http://s.fotorama.io/okonechnikov/'.$i.'.jpg">
                            <img src="http://s.fotorama.io/okonechnikov/'.$i.'-thumb.jpg">
                        </a>';

                }
              ?>
            </div>

似乎如果缩略图的加载速度比主图像快，那么#fotorama div有时会从缩略图中获取其大小。有没有办法解决这个问题？

看起来像是在添加

data-auto="false"
data-width="100%"
data-ratio="800/600"

将fotorama初始化移动到

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

解决了这个问题