View Full Code Snippet

<!DOCTYPE html>
<html>
	<head>
		<title>More Descriptions</title>
		<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
		<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
		<link rel="stylesheet" type="text/css" href="./styles/image2.css"/>
		<script type="text/javascript">
			// Helper function
			alert("sParam 1");
			function GetURLParameterValue(sParam)
			{
			alert("sParam 2");
				var sQueryString = window.location.search.substring(1);
				var sVariables = sQueryString.split('&');
				for (var i = 0; i < sVariables.length; i++)
				{
					var sCurrentParamName = sVariables[i].split('=');
					if (sCurrentParamName[0] == sParam)
					{
						return sCurrentParamName[1];
					}
				}
			}?
alert("sParam 3");
			$(document).ready(function () {
			alert("sParam 4");
				var imageName = "";
				var contentToAdd = "";
				imageName = GetURLParameterValue("img");
				if (imageName == "") {
					// You might change the alternate content
					contentToAdd = "<span>No image provided.</span>";
				} else {
					contentToAdd = "<img src='./images/" + imageName + "' />";
				}
				$("#content").append(contentToAdd);
			});
			alert("sParam 5");
		</script>
	</head>
	<body>
		<div id="content"></div>
	</body>
</html>