【问题标题】:jQuery horizontal slider with all images visiblejQuery 水平滑块,所有图像都可见
【发布时间】:2011-09-17 15:24:58
【问题描述】:

我正在寻找一个 jQuery 滑块插件,让我能够做到这一点:

http://www.saslondon.com/what-we-do/digital-communications/bba-aviation.aspx

如果找到此线程:CSS horizontal scrolling overflow with jQuery slider 但链接已失效。

你知道任何 jQuery 插件可以让我通过少量修改来做到这一点吗? 不然我自己试试吧……

谢谢!

【问题讨论】:

  • 您需要按钮吗?还是鼠标移动?要么?如果你需要按钮......你想要它们在哪里?
  • 自己做应该不会太难...overflow: hidden;animate()就是你所需要的。
  • 我同意,这并不难,但如果它已经做得很好......当我查看 sas london 插件的代码时,它肯定不仅仅是动画( )。 Roxon:不在乎按钮在哪里,应该很容易通过一些 css 进行更改。

标签: javascript jquery jquery-plugins slider


【解决方案1】:

在这里,我创建了一个您需要的画廊(但有点高级)!

WORKING GALLERY

  • 支持自动滑动
  • 支持窗口实时调整大小
  • 寻找完全可见的图像!
  • 按钮出现在 HOVER 上
  • 悬停 = 停止自动滑动
  • 设置 .box 高度/宽度 = 图库自动调整大小。


第一个画廊的好处是它可以获得“可见”的图像数量,而无需在下一张幻灯片上再次显示它们。

但是,如果您希望画廊完全按照您在链接中提供的画廊的作用 (滑动一个 - 一个 - 一个 DIV)比这里是另一个演示:

GALLERY 2

  • 添加了幻灯片计数器
  • 没有自动滑动
  • 没有按钮隐藏

【讨论】:

  • 谢谢 ;) 我打算以 jquery 插件的形式重写这些东西,但我会以此为基础。
  • 不客气。这是一个啧啧。获得相同/相似的画廊。这是为任何 porpouses 构建画廊的最简单方法,只需少量修改。 roxon.in/scripts/tutorials/NavGallery_jQuery_Tutorial_01我已经有一个插件,但它仍然需要一些修复来增加画廊类命名法的灵活性。
  • @Robin 嘿,你对 jquery 插件进行了重写吗?这对我很有帮助
猜你喜欢
  • 2015-05-27
  • 1970-01-01
  • 2013-07-21
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-01-31
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多