旋转木马可点击图片库


Carousel Clickable Image Gallery?

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

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

快速信息:

具有4个字段的数据库:

  • "id"(INT):简单的自动增量id
  • "缩略图"(TEXT):城市小尺寸图像的路线,用于旋转木马。例如:img/bali/thumb/bali_thumb.jpg
  • "完整"(TEXT):路由到更大尺寸的缩略图。例如:img/bali/bali.jpg
  • "库"(TEXT):路由到包含多个图像的目录,用作库。例如:img/bali/gallery/

正如你所看到的,有一个旋转木马列出了航空公司提供服务的所有城市。这是一个名为JCarousel的旋转木马库。当人们点击一个确定的城市时,"完整"的图像会加载到DIV.上

我的问题:

航空公司想要改变。他们希望当人们点击一个确定的城市时,它不会只加载一张图像,而是加载一个图像库。自上周四以来,这一直让我抓狂,我就是找不到任何解决方案。我尝试了很多事情,但都没有找到解决方案。

谢谢你花时间读这篇文章,我完全迷路了!我希望这个伟大的社区能帮助我找到一个解决方案:)

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

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

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