jquery pop up gallery from xml data

jquery pop up gallery from xml data

JavaScript

$(document).ready(function () {
            $('body').append($('<ul />', { 'id': 'gallery' }));

            var xml = $.parseXML('<Hotels><Hotel id="1"><Name>Taj 1</Name><HotelFrontImage Url="https://lh5.googleusercontent.com/-y301Ju4n32g/TRCtzBfoiZI/AAAAAAAAABc/3tGEuAD3R8I/w487-h365-k/51.jpg"></HotelFrontImage>'
                              + '</Hotel><Hotel id="2"><Name>Taj 2</Name><HotelFrontImage Url="https://lh3.googleusercontent.com/-ZkMSKCbY0Y8/TRCpCX5p35I/AAAAAAAAABQ/ZL2nsL-ir7U/s277/3.jpg"></HotelFrontImage>'
                              + '</Hotel><Hotel id="3"><Name>Taj 3</Name><HotelFrontImage Url="https://lh5.googleusercontent.com/-y301Ju4n32g/TRCtzBfoiZI/AAAAAAAAABc/3tGEuAD3R8I/s800/51.jpg"></HotelFrontImage></Hotel></Hotels>');

            $(xml).find('Hotel').each(function () {
                var Url = $(this).find('HotelFrontImage').attr('Url');
                $('<li></li>').html('<a href="' + Url + '" target="_parent"><img src="' + Url + '"/></a>').appendTo('#gallery');
            });
        });