jquery - 如何在这个 jquery slider 中隐藏文本?

标签 jquery css jquery-plugins

我正在使用这个 slider :http://tutorialzine.com/2009/11/beautiful-apple-gallery-slideshow/并且只想向每个图像添加一些文本,所以我添加了一个包含文本的 div,如下所示:

        <div class="slide">
    <div class="innerText">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure 
dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br/>
    <a href="#">More info</a>
    </div>
    <img src="assets/img/e.jpg" alt="Anything_Scissors_turquoise" width="920" height="650" /></div>

但是即使幻灯片不可见,文本也会出现在每张幻灯片中(它只是看起来漂浮在右边,不符合 overflow:hidden; 属性)。我怎样才能让它隐藏起来?我一直在尝试修改 css 和 jquery,但我最终破坏了 jquery 或根本不显示任何文本。 =/

最佳答案

在div.slide中添加position:relative;,在CSS中的div.innerText中添加position:absolute;。这应该可以解决问题。

编辑: 实际上,我尝试修改原始示例代码。只需将另一个带有文本的 div 添加到 div.slide 中就可以完美地工作。你能发布你自己的真实代码吗,好像你错过了什么。

关于jquery - 如何在这个 jquery slider 中隐藏文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6842544/

相关文章:

jquery - 动态更改数据源 jQuery ui 自动完成焦点和输入字符

javascript - jQuery Datatable 表超出模板范围

javascript - 将 div 顺序保存在本地存储中

javascript - 编写简单的 JQuery 插件

jQuery 移动页面高度

php - Ajax 或 jQuery 页面重新加载,新数据添加到 sql 数据库

c# - Accordion : Arrow image not displaying even though image path is correct

javascript - jstree 插件和 stopPropagation 问题

javascript - jQuery 没有正常运行,立即打印警报

javascript - 在相对于页面的固定 div 内滚动内容