画像の壁があり、テキストの下に、画像をフェードインしてからテキストをフェードインさせたいと考えています。
以下のコードでは、各画像がフェードインしてから、すべてのテキストが一度にフェードインします。
Q:インデックスを使用して、対応するテキストがその画像に続いてフェードインするようにするにはどうすればよいですか?同様の質問を見つけました
が 、これを機能させることができませんでした。
css:
.mydiv a, .mydiv p{ display:none;}
js:
$('.mydiv a').each(function(index){
var c = $(this);
$(new Image()).load(function(){
c.fadeIn(500);
setTimeout(function(){ $('.mydiv p').fadeIn(250); }, 500);// where would i place index
}).attr('src', c.find('img').attr('src'));
});