我看到了很多使用 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"
},
你能给我建议或任何帮助吗?我怎样才能实现它?感谢你们!