旋转木马可点击图片库？

Question

我到处搜索，似乎找不到相关的东西！ 我正在为航空公司做一个网站。它或多或少是这样的：

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

快速信息：

包含4个字段的数据库：

• 'id'（INT）：简单的AUTO INCREMENT ID。
• 'thumbnail'（TEXT）：用于城市的小尺寸图像的路线 旋转木马。例如： img / bali / thumb / bali_thumb.jpg
• 'complete'（TEXT）：路由到更大尺寸的缩略图。例如： img / bali / bali.jpg
• 'gallery'（TEXT）：路由到具有多个图像的目录，用作图库。例如： img / bali / gallery /

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

我的问题：

航空公司希望改变。他们希望当人们点击确定的城市而不是仅加载1张图片时，它会加载图片库。自上个星期四以来，这让我很生气，我找不到任何解决办法。我已经尝试了很多东西，并没有找到解决方案。我的意思是，我可以加载一个图像，但无法加载图库。

感谢您花时间阅读本文，我完全迷失了！我希望这个伟大的社区可以帮助我找到解决方案：）

Answer 1

你必须编写一些后端代码，但我认为YUI可以选择这样做。支持“多排”旋转木马。也许这就是你想要的？ （http://developer.yahoo.com/yui/examples/carousel/csl_multirow_clean.html）

Answer 2

我们遇到了同样的问题，找不到合适的解决方案。我怀疑你必须自己做，就像我们必须这样做。当点击旋转木马中的图像时，我们使用jCarousel和集成的knockout.js来触发事件。

我担心我没有示例代码，但是有很多关于如何在这里使用knockout.js的例子http://knockoutjs.com/并且将它集成到jcarousel中并不是太糟糕