0

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

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

快速信息:

具有 4 个字段的数据库:

  • 'id'(INT):简单的自动增量 ID。
  • 'thumbnail'(TEXT):用于城市小尺寸图像的路线,用于轮播。例如:img/bali/thumb/bali_thumb.jpg
  • 'complete'(TEXT):路由到更大尺寸的缩略图。例如:img/bali/bali.jpg
  • 'gallery'(TEXT):路由到具有多个图像的目录,用作画廊。例如:img/巴厘岛/画廊/

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

我的问题:

航空公司想要改变。他们希望当人们点击一个确定的城市时,而不是只加载一张图片,而是加载一个图片库。自上周四以来,这一直让我发疯,我找不到任何解决方案。我已经尝试了很多东西,但还没有找到解决方案。我的意思是,我可以让它加载一张图片,但不能让它加载画廊。

感谢您花时间阅读本文,我完全迷路了!我希望这个伟大的社区可以帮助我找到解决方案:)

4

2 回答 2

0

您将不得不编写一些后端代码,但我认为 YUI 可以选择这样做。支持“多行”轮播。也许这就是你想要的?(http://developer.yahoo.com/yui/examples/carousel/csl_multirow_clean.html

于 2013-08-19T05:49:46.823 回答
0

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

恐怕我没有示例代码,但是这里有很多关于如何使用 knockout.js 的示例http://knockoutjs.com/将其集成到 jcarousel 中也不错

于 2013-08-22T11:34:34.830 回答