1

我正在用 Symfony2 编写网页,此时我想做一些非常具体的事情。我需要一个幻灯片:

  • 使用鼠标悬停暂停图像的呈现。
  • 动态包含 MySQL 数据库中某个表的所有图片。
  • 调整所有这些图像的大小以适合幻灯片的框架(不改变图片的比例,保持 1:1 并且不使图片变形)。
  • 如果可能的话,这些图片是预先加载的,以避免运行缓慢。

对于这个任务,我一直在寻找已经编写好的 jQuery 幻灯片(那里有非常好的幻灯片)。现在:

=> 要动态包含数据库中的图像,我会使用 JSP 并编写一些简单的东西(例如循环)。

=>要调整图像大小,我的要求是减少图像重量。例如,原始图像大小为 1.2 MB,分辨率大小为 1000 x 1000 像素。想象一下在幻灯片中加载 10 张这样的图像。所以我寻找的是减少图像所有方面的东西(减少像素大小和文件的成对压缩)。为此,我想到了一种服务器端解决方案,而不是客户端解决方案,例如一些已经编写的 PHP 脚本来调整图像大小。(但是如何使所有这些图像都缩小呢?)

最后,我的问题是从你们那里收集信息,关于你们对这个问题的看法:我应该使用什么,我应该如何使用它......我的意思是,我从未遇到过具有这些特定规格的幻灯片,所以我需要一些专家意见来指导我。

欢迎所有想法。

先感谢您!

4

1 回答 1

1

你可以看看http://galleria.io/,这是一个非常有弹性的幻灯片,具有强大的主题能力和一堆可配置的选项。它也有几种方法来声明图像数据,因此您可以编写循环。当您设置尺寸时,它会自动使图像适合视口(根据您的设置进行裁剪或不裁剪)。是的,它可以预加载图像。如果您愿意,可以使用扩展方法或直接在您的主题中实现悬停暂停。

我认为您不会找到任何自动调整图像大小的 jQuery 幻灯片(我的意思是调整大小 = 物理更改分辨率)。有时它们包括准备缩略图的脚本,但总是需要手动工作。

我第一次在这里使用它,我很满意。

于 2012-05-31T20:35:32.763 回答