1

我正在使用 jQuery Caption Plugin在图像悬停时显示图像alt文本。

现在我想在底部显示文本，但目前要显示在顶部。怎么修。

我想要的是：

在此处输入图像描述

JSFiddle：示例

4

4 回答 4

1

如果您阅读文档，则可以复制粘贴此代码

$('#content').capty({
  height:   46,
  opacity:  .6
});

在你的 jsFiddle 中：jsFiddle here

$(function() {
    $('.default').capty({
      height:   46, // Here you init the height of your caption
      opacity:  .6
    });
});
于 2013-10-23T10:17:03.657 回答
0

检查这个http://jsfiddle.net/UP5xk/4/

我已经减少了height:50检查我在那里评论的小提琴脚本

于 2013-10-23T10:30:36.443 回答
0

设置cssdiv.capty-caption

在CSS中的这个集合height或属性中，它会有所帮助line-height

像JQUERY.CAPTY.CSS 

div.capty-caption {
    background-color: #000;
    color: #FFF;
    font: bold 11px verdana;
    padding-left: 10px;
    padding-top: 7px;
    text-shadow: 1px 1px 0 #222;
    line-height:---SET HERE---; 

}
于 2013-10-23T10:14:33.643 回答
0

修改插件代码：

 h.html('<div style="position:absolute;top:210px;">'+j.attr("alt")+'</div>');

在此处查看工作演示：http: //jsfiddle.net/F3rCK/

于 2013-10-23T10:18:36.610 回答