jQueryの読み込みについて

質問

初めまして、制作をしておりまして、

http://card.benrista.com/

上記のサイトの上にある、sliderのjqueryがありますが、素敵だなと思いまして、
それを私のサイトでも導入したいと思いまして、導入してみました。
(アフィリエイトサイトでは無いですが。。)

【やりたい事・質問】

しかし、スライダーのjqueryは上手く機能するのですが、
上記のサイトを開いた瞬間にスライダーの下の小さいサムネイル部分の
gifアニメーションが上手く動きません；
http://card.benrista.com/wp-content/themes/benrista/img/index/preloader.gif

上記のURLのサイトのような形でサイトを開いた瞬間に、gifアニメーションを機能させ、
そのあと、小さいサムネイル画像を表示させたいです。

【状況】

状況としては、私のサイトの場合、開くと
gifアニメーションが小さいサムネイル画像の下に隠れている状態になってしまいます。
(一応gifアニメーションがサムネイル画像の隙間から少し見える感じです)

firebugなどで要素確認などしても、中々難しいです。

【p.s.】

もし、このような質問をする際に最適な掲示板などがあればご教授頂けましたら幸いです。

回答No.1

nekomikekamo

ポイントはこの部分だとは思いますが・・・・
jQuery(window).load(function($){
jQuery("#index_gallery").sliderkit({
shownavitems:3,
auto:true,
autospeed:5000,
navscrollatend:true,
circular:true
});
});

loadが早すぎるのであれば、load後にsetTimeoutなどでウェイトを持たせても
良いのではないでしょうか？
gifが下に隠れて少し見えてしまうのであれば、実行時にgifを消すのもありかと。

補足

ご回答ありがとう御座います。

しかし、どうも上手くいきません。
スライドの下にgifアニメーションが隠れた状態になってしまいます。

なので、loadの時間では無いのかと思うのですが（汗）

loadが早すぎるのであれば、load後にsetTimeoutなどでウェイトを持たせても
良いのではないでしょうか？
gifが下に隠れて少し見えてしまうのであれば、実行時にgifを消すのもありかと。

＞素人で意味がわかっておりません。