0

我看到了很多使用 JSON 的问题和示例,我了解“解析”和“字符串化”方法,但我仍然无法使用它。

从以前的作业中,我有一个图像库代码,图像的链接在那里被硬编码。现在我需要使用 JSON 文件上传图片,我知道如何向对象添加不同的参数,例如“className”和“src”,但在我的情况下它不是很有帮助。

这是我的旧 HTML 代码:

<li>
<a href="#image-9">
  <img src="images/thumbs/9.jpg" alt="image09">
  <span>Arabesque</span>
</a>
<div class="lb-overlay" id="image-9">
  <img src="images/full/9.jpg" alt="image09" />
  <div>                         
    <h3>Some text</h3>
    <p>More text</p>
    <a href="#image-8" class="lb-prev">Prev</a>
    <a href="#image-10" class="lb-next">Next</a>
</div>
<a href="#page" class="lb-close">x Close</a>
</div>
</li>

这是我的 JSON 文件结构:

var photos =  [
{
    "title": "Caterpillar_Butterfly",
    "img_thumb": "http://farm4.staticflickr.com/3024/3036341686_2a4cc2d8cd_q.jpg",
    "img_src": "http://farm4.staticflickr.com/3024/3036341686_4138dfbecc_o.jpg",
    "tags": "butterfly quote caterpillar wisdom quotation masterton henleylake sirwiseowl"
},

你能给我建议或任何帮助吗?我怎样才能实现它?感谢你们!

4

1 回答 1

0

我的猜测是您会想要编写一个 Javascript 程序,例如在获取信息并执行任务<script> .. do stuff here </script>的部分内的内部标签。<head></head>JSON 是一种存储信息的方式,而 Javascript 才是真正起作用的。

于 2013-10-16T00:06:11.997 回答