轮播点击图片库？

Question

我到处搜索，似乎找不到任何相关内容！ 我正在为一家航空公司提供网站。 它或多或少是这样的：

http://i.stack.imgur.com/L4AD0.jpg

快速信息：

具有4个字段的数据库：

• 'id'（INT）：简单的AUTO INCREMENT ID。
• '缩略图'（TEXT）：轮播中使用的城市小尺寸图片的路线。 例如： img / bali / thumb / bali_thumb.jpg
• 'complete'（文本）：转到较大尺寸的缩略图。 例如： img / bali / bali.jpg
• 'gallery'（TEXT）：路由到包含多个图像的目录，用作画廊。 例如： img / bali / gallery /

如您所见，其中有一个轮播，列出了航空公司提供服务的所有城市。 这是一个称为JCarousel的Carousel库。 当人们点击确定的城市时，来自“完整”的图像会加载到DIV中。

我的问题：

航空公司想要更改。 他们希望当人们点击确定的城市时，而不是仅加载一张图像，而是加载图像库。 自上周四以来，这一直使我发疯，而我只是找不到任何解决方案。 我已经尝试了很多事情，但是还没有找到解决方案。 我的意思是，我可以使其加载一张图像，但不能使其加载图库。

感谢您抽出宝贵的时间阅读本文，我完全迷路了！ 我希望这个伟大的社区能够帮助我找到解决方案:)

Answer 1

您将必须编写一些后端代码，但我认为YUI可以选择执行此操作。 支持“多行”轮播。 也许那就是你想要的？ （ http://developer.yahoo.com/yui/examples/carousel/csl_multirow_clean.html ）

Answer 2

我们遇到了同样的问题，无法找到合适的解决方案。 我怀疑您将不得不像我们必须那样做。 单击轮播中的图像时，我们使用了jCarousel和集成的kickout.js引发事件。

恐怕我没有示例代码，但是在http://knockoutjs.com/上有很多如何使用基因敲除的示例，将其集成到jcarousel中也不错