【问题标题】:Carousel Clickable Image Gallery?轮播可点击图片库?
【发布时间】:2013-08-20 20:24:51
【问题描述】:

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

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/bali/gallery/

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

我的问题:

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

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

【问题讨论】:

    标签: php javascript jquery image-gallery jcarousel


    【解决方案1】:

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

    【讨论】:

    • 感谢您的回答!但是 YUI 没有完成这项工作 :( 我对此感到绝望,我不知道如何做到这一点!
    【解决方案2】:

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-05-13
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多