Jquery 图像叠加库参数问题

标签 jquery css slide

我正在使用 the mosaic sliding boxes and captions plugin .这很顺利,但我想解决两个问题,在这个 jfiddle 上可见。这里的一些 CSS/jQuery wiz 会知道:

http://jsfiddle.net/9ZPrf/2

1) 覆盖框没有覆盖图像的底部。我摆弄过 CSS 和 jQuery 中的许多明显参数。出现此问题是因为我在内联脚本中添加了 hover_y 参数。这是为了提高叠加层,使更多文本可见。

2) 只有当您将鼠标悬停在叠加层上时,不透明度才会发生变化,但如果它在图像上方的任何位置都发生变化,那就更好了,这就是幻灯片的响应。

我已经尝试了很多明显的参数,我希望这里有人能提供帮助。

谢谢

最佳答案

在这里,我已经为你修好了http://jsfiddle.net/9ZPrf/4/

我想给你一些解释,但这是一般的 HTML/CSS,所以很难简单地说明。祝学习顺利!

关于Jquery 图像叠加库参数问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12773391/

相关文章:

javascript - 值计算不正确

javascript - 以水平对齐方式显示表格数据

javascript - ember 组件中的动态 CSS?

javascript - 类(Class)后代扰乱事件

javascript - 向左或向右滑动图像

php - 在 jQuery 输出中递增 "Name"

javascript - 使用 Phaser 框架将 Javascript 值发送到 PHP

javascript - 按键组合对象数组

javascript - 区分垂直和水平图像格式 jQuery

jquery - 这个边距/填充从哪里来