JSON parsing example

http://stackoverflow.com/a/13639047/189937

HTML

<script src="http://www.jacklmoore.com/colorbox/colorbox/jquery.colorbox.js"></script>
<link rel="stylesheet" href="http://www.jacklmoore.com/colorbox/example1/colorbox.css">
<h2 id="hotel"></h2>
<div id="images"></div>

CSS

html { padding: 20px; background-color: #333; color: #FFF }
h2 { font-size: 2em; text-align: center; margin-bottom: 10px }
#images div { display: inline-block; width: 90px; height: 100px; }
#images img { display: block; width: 70px; margin: 0 auto; }
#images span { display: block; text-align: center; }

JavaScript

var json = {
        "@hotelId": "106347",
        "customerSessionId": "[xxx]",
        "HotelImages": {
            "@size": "27",
            "HotelImage": [
                {
                "hotelImageId": 7092462,
                "name": "",
                "category": 1,
                "type": 0,
                "caption": "Exterior",
                "url": "http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_57_b.jpg",
                "thumbnailUrl": "http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_57_t.jpg",
                "supplierId": 13,
                "width": 350,
                "height": 350,
                "byteSize": 0},
            {
                "hotelImageId": 7130885,
                "name": "",
                "category": 0,
                "type": 0,
                "url": "http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_58_b.jpg",
                "thumbnailUrl": "http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_58_t.jpg",
                "supplierId": 13,
                "width": 350,
                "height": 350,
                "byteSize": 0},
            {
                "hotelImageId": 7147393,
                "name": "",
                "category": 0,
                "type": 0,
                "url": "http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_59_b.jpg",
                "thumbnailUrl": "http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_59_t.jpg",
                "supplierId": 13,
                "width": 350,
                "height": 350,
                "byteSize": 0},
            {
                "hotelImageId": 7147394,
                "name": "",
                "category": 0,
                "type": 0,
                "url": "http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_60_b.jpg",
                "thumbnailUrl": "http://images.travelnow.com/hotels/1000000/10000/5900/5900/5900_60_t.jpg",
               ...