This repository has been archived by the owner on Feb 5, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
example.html
35 lines (34 loc) · 1.46 KB
/
example.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<html>
<head>
<title>Small HTML sample for PicasaFetch</title>
<!-- jQuery is required -->
<script type="text/javascript" language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<!-- load google API -->
<script type="text/javascript" language="javascript" src="http://www.google.com/jsapi"></script>
<!-- load picasafetch script -->
<script type="text/javascript" language="javascript" src="jquery.picasafetch.js"></script>
<style type="text/css">
body {
font-family: Verdana, Sans-serif;
font-size: x-small;
}
</style>
</head>
<body>
<h1>PicasaFetch example</h1>
Read the HTML source. The part you need to know is:
<pre>picasawebGallery(<i>picasa user</i>, <i>gallery name</i>, <i>element id</i>);</pre>
where:
<dl>
<dt>picasa user</dt><dd>is the name of the user the gallery belongs to</dd>
<dt>gallery name</dt><dd>is the internal gallery name. You can see it in the URL when you open the gallery in Picasaweb website. The URL will contain something like <i><user>/<gallery name></i></dd>
<dt>element id</dt><dd>element where the table will be created. The element's content will be totally replaced, so you can leave a link for the gallery there, just in case the gallery loading fails for some reason.</dd>
</dl>
<div id="targetdiv">
This div will contain your gallery.
</div>
<script type="text/javascript" language="javascript">
picasawebGallery('miguel.ventura', '20070422SJorge', '#targetdiv');
</script>
</body>
</html>