Wednesday, 28 March 2012

Add picasa gallery to your blog or website

Welcome to Technology
If you have a picasa gallery and want to add it to your website you have a problem
. There is no simple way to do this. This tutorial will guide you how to add your or someones else public gallery to your blog or webpage
. Usage #1 First you need to download source code at the end of this tutorial and save it to picasa.js. Then you need to create some html file (or insert apropriate code to your blog) like example below

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<script type="text/javascript">
		var scriptLoader = {
			_loadScript: function (url, callback) {
				var head = document.getElementsByTagName('head')[0];
				var script = document.createElement('script');
				script.type = 'text/javascript';
				script.src = url;
				if (callback) {
					script.onreadystatechange = function () {
						if (this.readyState == 'loaded') callback();
					}
					script.onload = callback;
				}
				head.appendChild(script);
			},
 
			load: function (items, iteration) {
				if (!iteration) iteration = 0;
				if (items[iteration]) {
					scriptLoader._loadScript(
						items[iteration],
						function () {
							scriptLoader.load(items, iteration+1);
						}
					)
				}
			}
		}
		</script>
		<script type="text/javascript" src="picasa.js"></script>
	</head>
 
	<body>
	</body>
</html>

No comments:

Post a Comment