jQuery页面滑块,基于JSON数据源

时间:2012-04-11 21:52:16

标签: jquery json slider jquery-slider

这是我在SO中的第一篇文章,我想达到此处显示的结果http://builtbybuffalo.com/project/view/bored-of-southsea/date/desc

如您所见,该页面使用动态jquery滑块,其内容取自JSON源。 我需要你的帮助了解这个过程,稍后我会尝试重新创建这个惊人的滑块。

正如您所看到的,如果您单击“上一个”和“下一个”按钮,则网页页面不会更改,并且会从json文件中加载代码。

你能帮我找到这个解决方案吗? 我真的非常感谢你的建议。

拥抱! 马可

1 个答案:

答案 0 :(得分:0)

你可以做的是使用$ .getJSON来获取数据(它必须是格式良好的json,见http://www.json.org/)你想按照幻灯片的顺序返回一个对象数组。

{ “项”:[ { “拇指”:””, “大”:”” } ]}

有一个模板集,如果你的目标只是图像可能值得拥有缩略图和大图像URL,请使用缩略图创建按钮。

您可以在每个上存储大型网址。单击一个时,如果未加载,则创建一个新的图像文件,在该文件中加载URL,当它准备好时附加新创建的图像标记并在必要时进行转换。