我到处找,似乎找不到相关的东西!我正在为一家航空公司做一个网站。它或多或少是这样的:
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 中也不错