如何在幻灯片中显示随机画廊（无随机图像）

Question

我想制作一个幻灯片轮播，显示画廊 xml 文件中的图像。

但我有 13 个 xml 文件库，我想随机显示这些库。 我正在考虑使用 elastislide 轮播 [链接] (http://tympanus.net/codrops/2011/09/12/elastislide-responsive-carousel/)

希望我可以为我的考试项目制作它。

Answer 1

考试项目，所以没有直接的答案 :) 但这里有一组步骤可以指导你如何去做。

1. 使用jQuery的.ajax()函数加载xml文件。
2. 在每次加载时，您都可以parse an xml using jQuery，就像 html 一样。
3. 解析所有 XML 文件并从中创建图像 url 数组。
4. 现在您可以使用一个以当前时间为种子的随机数生成器，从数组中选择一个图片网址。
5. 然后使用任何轮播插件来显示它们。

如果你需要随机选择一个xml文件。创建一个带有文件名的数组，然后使用相同的技术来选择随机名称并在 jQuery 中使用 .ajax() 时加载。