如何显示带有放大图像的标题？

Question

我想知道在jQuery中将图片放大后是否可以显示标题。 这是我的增加大小的代码。 我想在完成时增加大小，然后在灰色背景中淡出并显示标题。 谢谢。 码：

window.onload = function() {
  $("img.index").each(function() {
    $.data(this, 'size', { width: $(this).width(), height: $(this).height() });
  }).hover(function() {
    $(this).stop().animate({ height: $.data(this,'size').height*1.5, 
    width: $.data(this,'size').width*1.5 });
  }, function() {
    $(this).stop().animate({ height: $.data(this,'size').height, 
    width: $.data(this,'size').width });
  });
};

Answer 1

jQuery animate函数具有用于完全回调的属性。 用它来显示动画完成后想要显示的内容：

$(this).stop().animate(
    {
        height: $.data(this,'size').height, 
        width: $.data(this,'size').width
    },
    function() {
        $('#the-caption').show();
    }
);

参见： http : //api.jquery.com/animate/

Answer 2

只需使用：

$("#your-caption-id").show();