jQuery响应式横幅自动调整图像和内容以适应空间

时间:2012-07-14 16:28:59

标签: javascript jquery css3 banner flexslider

我想创建自定义横幅或下载横幅。

横幅有以下要求,

  1. 我可以在此横幅中添加图片和文字。
  2. 在每张幻灯片上,您可以添加多个图像和文本,对于示例幻灯片,其中两个图像和文本在两侧,然后滑动两个在侧面有三个图像和文本。
  3. 重要信息 - 如果图像是小缩略图,则文本应填充空白区域或图像周围。横幅应该响应内部元素(可能是div)。如果图像很大,文本应该在下面 图像或侧面。
  4. 向左或向右滑动
  5. 左右导航按钮,以及分页
  6. 示例:http://www.bbc.co.uk - 顶部的主横幅

    我在互联网上看了一下我尝试了以下内容:

    flexslider - 非常好,满足除第3点之外的所有要求。但不知道如何使其响应。

    轨道滑块 - 好但是柔性滑板更容易造型。

    注意:此横幅不会在移动设备上使用。

1 个答案:

答案 0 :(得分:0)

好像你没有得到任何答案,因为没有完美的解决方案。改变任何提到的滑块并让它们响应 IF 你知道一些css并不困难。我建议,根据你想要做多少这些作品,你试试看。你可以在网上找到很好的免费教程。

我找到了这个插件,值得一试:http://marktyrrell.com/labs/blueberry/

还有一些:http://webdesignledger.com/resources/8-responsive-jquery-slider-plugins