【问题标题】:How to create an image slideshow in an xe:Dialog?如何在 xe:Dialog 中创建图像幻灯片?
【发布时间】:2013-02-22 06:48:40
【问题描述】:

我正在尝试在 xe:dialog 中创建幻灯片

在对话框中,我重复从包含每个文档的一个图像的 notesdocumentcollection 填充。和两个按钮。下一个和上一个

当用户在对话框中单击“下一步”时,应显示我收藏中的下一张图片,当我单击上一张时,应显示我收藏中的上一张图片。

由于这些图像可能非常大,我不想预加载它们,因此应在用户单击“下一步”按钮时检索实际图像。

我该怎么做?

我的问题是我不知道如何导航到下一张图片。可能有一个非常简单的解决方案。我尝试过使用不同的技术,如 setRowIndex 和 setIndex 等。

我首先认为我可以将重复次数限制设置为“1”,然后通过增加索引导航到下一个,但无法使其正常工作。

所以我当时的想法是将重复限制设置为 1000 并使用 css 隐藏所有图像,但随后将预加载所有图像。

【问题讨论】:

  • 托马斯,你试过什么?你的确切问题是什么?这些建议可以帮助您入门吗:stackoverflow.com/questions/13925830/…
  • 谢谢 Per,我更新了我的问题
  • 您是否考虑过使用 PrettyPhoto 作为界面?请参阅 Marky Roden 的 xomino.com/2012/04/03/jquery-in-xpages-4-prettyphoto
  • @Daivd 如果看起来它是基于道场灯箱的。我已经在使用灯箱,但它是如此 enoying 对话框根据图像大小调整大小,所以我正在做一个更好的解决方案

标签: slideshow xpages repeat preload


【解决方案1】:

您可以将文档 ID 存储在向量中,然后将其放入 viewscope,而不是文档集合。您还将当前索引放在 viewScope 中。 Next/previous 会改变索引变量,并且由于 xe:dialog 支持部分刷新,所以很简单方便。

【讨论】:

  • 是的!我有点坚持重复的解决方案。谢谢!
猜你喜欢
  • 1970-01-01
  • 2012-12-01
  • 2016-05-04
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-07-12
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多