个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
这让我抓狂了一段时间——我想结合 jQuery Cycle Lite plugin具有简单的液体布局。
我的问题是幻灯片下方的内容在其下方消失了——当幻灯片 JS 处于事件状态时，包含幻灯片的 div 似乎高度为 0px。如果我删除幻灯片代码(只使用静止图像)，div 会被其中的图像推到正确的高度。
由于幻灯片放映本身会随着流式布局缩放，所以我无法为幻灯片放映指定 px 高度。谁能建议解决方法？
代码在下面，但它可能有助于查看我一直在使用的示例 http://jsbin.com/ubufi5/edit .
感谢阅读!
HTML/CSS:
<head>
<meta charset="utf-8" />
<title>Slideshow in a liquid layout</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript" src="http://misc.somnambulist.org/jquery.cycle.lite.1.0.js"></script>
<style type="text/css">
body { max-width: 1120px; margin: 100px auto; border: 1px solid #ff0; background: #666;}
body img { width: 100%; }
</style>
</head>
<body id="home">
<h1>Test</h1>
<div id="slidebox">
<img src="http://misc.somnambulist.org/test2.jpg" />
<img src="http://misc.somnambulist.org/test4.jpg" />
</div>
<h2>Lots of text here so it clears the image</h2>
<p>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.</p>
<p>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.</p>
</body>
</html>
JS:
$(function() {
$('#slidebox').cycle();
});
最佳答案
我已经使用下面的 jQuery 解决了这个问题，它检查加载时最高的图像并在调整窗口大小时 (example here) 相应地保持 #slidebox div 的高度，但是我我打算让这个问题暂时悬而未决，希望有一些令人难以置信的基本 CSS 东西我以某种方式忽略了，或者至少解释了为什么我会遇到这个问题。
function SetHeightToTallestChild(i) {
var tallest = 0;
$(i).children().each(function(){
var h = $(this).height();
if(h > tallest)
tallest = h;
});
$(i).height(tallest);
}
$(document).ready(function() {
SetHeightToTallestChild('#slidebox');
$(function() {
$('#slidebox').cycle();
});
$(window).resize(function() {
SetHeightToTallestChild('#slidebox');
});
});
关于css - 结合 jQuery Cycle (Lite) 和流式布局，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5117293/
25
4
0
我有一张 Excel 表格，用于更新玩家评分。 播放器 配售 初始化 1 2 3 4 金融评级 一个 1 2.0 1.000 0.018 0.016 0.014 2.007 D 2 -2.0 54.5
我有一个 map = std::map ，其中 myItemModel继承QAbstractItemModel . 我现在要合并所有 myItemModel合一myItemModel (其他所有元素模
我大量使用“do.call”来生成函数调用。例如: myfun <- "rnorm"; myargs <- list(n=10, mean=5); do.call(myfun, myargs); 但是
想象一下 InputStream 的以下变体: trait FutureInputStream { //read bytes asynchronously. Empty array means E
这是我的 C 代码: #include void sum(); int newAlphabet; int main(void) { sum();
我只是想选择类“.last”之后的每个元素。 HTML: 1 2 Jquery
我正在为一个项目构建一个 XML 反序列化器，我经常遇到这种类型的代码情况: var myVariable = ParseNDecimal(xml.Element("myElement")) == n
这是来自 Selecting the highest salary 的继续问题 假设有一个表 'wagetable' name lowhours highhours wage pri
我正在为我的程序创建一个战舰程序；该程序运行良好，但我试图确保当用户将坐标超出范围时，程序会说他们输入的坐标不正确。这是代码: #include #include void
我有一个函数，它为每种情况返回不同的 DWORD 值，如果出现错误。所以我有以下定义: #define ERR_NO_DB_CONNECTION 0x90000 #define ERR_DB_N
在派生类中引发基类事件以下简单示例演示了在基类中声明可从派生类引发的事件的标准方法。此模式广泛应用于 .NET Framework 类库中的 Windows 窗体类。在创建可用作其他类的基类的类时，应
我只是想知道这是否可能: use Modern::Perl; my @list = ('a' .. 'j'); map { func($_) } each(@list); sub func { m
我一直在使用 =IF(L2="","Active",IF(K2I2,"Late"))) 有效，但现在我需要检查 F 上的多个条件 专栏 我试过了 OR 函数 =IF(OR(F2="Scheduled"
我有 2 个命令，如下所示。 在视频中添加介绍图片 ffmpeg -y -loop 1 -framerate 10 -t 3 -i intro.png -i video.mp4 -filter_com
好的，我有这个公式可以根据名字和姓氏列表生成用户名。现在，虽然这可行，但我希望单元格改为引用我自己的 VBA 函数。但是，由于代码少得多，我仍然想使用原始公式。 我有这个公式: =SUBSTITUTE
我有两个 HAProxy 实例。两个实例都启用了统计信息并且工作正常。 我正在尝试将两个实例的统计信息合并为一个，以便我可以使用单个 HAProxy 来查看前端/后端统计信息。我试图让两个 hapro
我有一个 Observable，其中每个新值都应该引起一个 HTTP 请求。在客户端，我只关心最新的响应值；但是，我希望每个请求都能完成以进行监控/等。目的。 我目前拥有的是这样的: function
我的网站上有 TinyMCE 插件。在 TinyMCE 插件的 textarea 中添加图像时，我希望这些图像包含延迟加载。我网站的缩略图具有特定类型的延迟加载，其中 src 图像是灰色背景。根据用户
我希望合并润滑间隔，以便如果它们重叠，则从内部第一个时间获取最小值和从内部最后一个时间获取最大值并总结以创建一个跨越整个时间段的新间隔。这是一个reprex: library(lubridate, w
我有一个应用程序，它本质上是一个页眉、主要内容和一个始终可见的页脚。页脚可以改变大小，我想在页脚上方的主内容面板上放置一些工具。主要布局是用 flex 完成的，我阅读文档的理解是绝对定位通过相对于最近
我是一名优秀的程序员,十分优秀！