別ページからのアンカーリンク遷移で位置がずれる

あるページにid="hoge"のdivエリアを設定し、別ページから<a href="/index.html#hoge">でアンカーリンクとして遷移する場合に、思った通りの位置にならず困っております。

<div id="slide">
    <div class="flexslider">
      <ul class="slides">
        <li><img src="images/slide1.jpg" /></li>
        <li><img src="images/slide2.jpg" /></li>
      </ul>
    </div>
</div>

<div id="hoge">
・・・
</div>

遷移先は上記のような構造になっていまして、<div id="hoge">の位置に合わせて遷移させたいのですが、毎回スライドショーの上部の位置ぐらいになってしまいます。
色々と検証しましたところ、スライドショーの画像が全て読み込まれる前にリンクが働き、結果ずれるという憶測が立ちました。
画像は高解像度のディスプレイに対応させるべく、比較的大きいサイズを使用しており、横幅いっぱいで表示してます。

ここで質問なのですが、画像が読み込み完了した時点で、他ページからのアンカーリンクを作動させるようなことは可能なのでしょうか。