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();

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

2 个答案: