0
私は友人のポートフォリオのウェブサイト（wordpressを使用しています）に最終的なタッチをしていますが、単純なJQueryページ遷移fadeInエフェクトに問題があります。 （警告：NSFW）ここ画像がロードされる前にJQuery 'fadeIn'が早すぎます。
は、サイトへのリンクの「PROJECTS」セクションでhttp://www.alexdebrabant.com/front/
、私は、ポスト内のすべての画像でスライドショーを作成するためにjqueryのサイクルを使用しています。それは素晴らしい仕事です。 しかし、「ポートレート」セクションでは、ポストごとに1枚しかないので状況は少し異なります。したがって、PREV NEXTボタンは訪問者を新しい投稿に誘導するので、新しいページが毎回読み込まれます。 私の考えは、ある種のフェードトランジションを使って、 "PROJECTS"セクションからスライドショーを模倣しようとすることでした。 現時点では、私は非常に基本的なフェードイン効果しか持っていません。 私の問題は、イメージがキャッシュされていない限り、イメージのロードが完了する前に、fadeInエフェクトが速すぎます。
私はJQueryの初心者ですが、簡単な解決策が必要だと思われますが、見つけられないようです。
また、 "PROJECTS"セクションからスライドショーを再現/複製するJqueryエフェクトについて知っている人は、それも素晴らしいでしょう。おそらくページクロスフェード効果（存在する場合）またはフェードアウト/フェード多分。
ご協力いただければ幸いです。
<!-- contentload -->
<script type="text/javascript">
$(document).ready(function(){
$('#content').fadeIn(500);
});
</script>
<!-- contentload -->
<style>
#content {display: none;}
</style>
乾杯：
ここでは、コードです！
トム
のjQuery loadを使用してみてください！ =/-1警告なし。 –
@ TravisJは警告を追加しました。 –