0

我有一个宽度为 100% 的 JQuery 图像推子；和高度：自动；

这太棒了，因为它也适用于 iPhone。

现在我希望内容在我的 JQuery 滑块之后“浮动”，但我确实遇到了问题，因为我使用自动高度来获得正确的比例，以及 100% 宽的图像。

我试过：溢出：隐藏，自动和清除：两者；width: 100% on the following element，我也尝试过浮动两个元素，但如果没有定义的高度，它将无法工作。如果我定义一个高度，它可以工作..但是，我希望高度是动态的..

这可以用 CSS 完成，还是我需要使用 JS？

这是网站：www.magento-design.dk（它是一个 Joomla，有基础）。我希望基础演示内容在 JQuery 滑块之后浮动。

4

1 回答 1

0

我建议将高度设置为某个值，然后在内部内容发生变化时通过 JavaScript 更改它。auto 的 CSS 高度没有设置像素值，因此您需要通过 JavaScript 定义一个。

将您的高度更改设置为 JavaScript 中的一个函数，您可以在 $(document).ready() 以及您的内容更改调用中调用该函数。

编辑1：

我将使用以下代码来实现您想要做的事情......

jQuery(document).ready({
    set_img_height();
});

jQuery("#contentDIV").load("data.html", function() {
    set_img_height();
});

function set_img_height() {
    var height = jQuery('#slideshow').height();
    jQuery('.imagefade').css('height', height);
}

当然，在不更具体地知道你在寻找什么的情况下写这篇文章对我来说有点困难。但基本思路如下：

  1. 您创建一个函数，该函数将获取幻灯片的高度，并使用“imagefade”类使其成为所有元素的高度
  2. 接下来在文档就绪函数中调用这个函数（当 PHP 被处理并且 HTML 被完全加载时）
  3. 最后，使用回调函数再次调用此函数并加载信息。我不知道你是如何加载内容的，但我基本上假设你正在将一个文件“data.html”加载到一个 id 为“contentDIV”的 div 中，完成之后......它调用定义的 set_img_height 函数在它下面。

此代码可能不是为您复制和粘贴材料，但基于您自己没有提供任何实际代码，这是我能做的最好的。希望这至少会为您指明正确的方向！

于 2012-04-27T19:02:05.417 回答