napokaz.js

Note

Google closed Picasa Web Albums at May 1, 2016.

So this viewer is outdated, though examples are still working.

Lightweight viewer for images from picasaweb.
Source code available on github.
Example of usage
<!-- Put to head -->
<link rel="stylesheet" href="napokaz.css" />

<!-- Put to body -->
<div class="napokaz"
    data-box-thumbsize="120c"
    data-front-thumbsize="60c"
    data-picasa-user="naspeh"
    data-picasa-album="20121016_Karpaty_Spravzhnya_Kazka">
</div>
<div class="napokaz"
    data-picasa-user="naspeh"
    data-picasa-albumid="5486642664135948337">
</div>

<!-- Put to end of body -->
<script src="http://code.jquery.com/jquery.js"></script>
<script src="napokaz.js"></script>
<script>
    $('.napokaz').napokaz();
</script>
data-picasa-albumid
data-box-width & data-box-height
data-picasa-filter & data-picasa-ignore
data-box-thumbsize & data-front-thumbsize