おはようございます、
asyncronusajaxの読み込みに問題があります...
ダイナミックギャラリーを作成しました。ページが読み込まれた後、画像を読み込みたいと思います。
しかし、画像をフェードインしてスピナーをフェードアウトしようとすると、完全に消えたように見えるのは最後の要素だけです。なぜですか?
私に何ができる?ありがとう!
jsファイル
$('.Home-Image').each(function(index) {
MyHolder = $(this).children(".Home-Image-Holder");
MyLoader = $(this).children(".Home-Image-Loader");
IDIMG = $(MyHolder).attr("AjaxRel");
$(MyHolder).load('<?PHP echo($ABS); ?>/inl/components/AjaxImageHome.php?ABS=<?PHP echo $ABS; ?>&IDIMG='+IDIMG, function()
{
MyLoader.fadeOut(250,0,function(){MyHolder.fadeIn();});
});
});
HTMLファイル
<div class="Home-Image">
<div class="Home-Image-Loader"></div>
<div class="Home-Image-Holder" AjaxRel="1"></div>
</div>
<div class="Home-Image">
<div class="Home-Image-Loader"></div>
<div class="Home-Image-Holder" AjaxRel="2"></div>
</div>
<div class="Home-Image">
<div class="Home-Image-Loader"></div>
<div class="Home-Image-Holder" AjaxRel="3"></div>
</div>
<div class="Home-Image">
<div class="Home-Image-Loader"></div>
<div class="Home-Image-Holder" AjaxRel="4"></div>
</div>