Picasa albums on your site - droplet

[iti]

If anyone is interested in embedding picasa albums in WB pages  with a help of a simple droplet let me know. I have it working. look here: http://dagnoy.com/pages/en/our-fish/koi.html. you can show any number of albums ([[picasaAlbums?albums=album1;album2;album3]]).   jquery.pwi-min.js, jquery.colorbox-min.js and 1.8.2/jquery.min.js are used. slightly modified. jquery.pwi-min.js.

[Re-Mi]

Hi,

I'm interested in this. could you post the droplet code and how to get it working

Greetz,

[bupaje]

I'd be interested in seeing this as well.

[Re-Mi]

Hi it works, i didn't have time to explore it any further, i will post the code i received from the developer all the credits will go to him.

I built a droplet based of PWI (thanks!) with these details:

Name : picasaAlbums
desc: to integrate Picasa albums in WB

Code: [Select]

$string = $albums;
$string  = str_replace(array(' ',' '),'',$string) ;
$array = explode(';', $string);
 
$newArray = array();
foreach ($array as $value) {

    $value = '"'.$value .'",';
    $newArray[$value] = $value;
   
}

unset($value);
$array = $newArray;

//print_r($array);exit;


$albs= implode($array);
$albs=substr_replace($albs ,"",-1);

return('<script type="text/javascript">
$(document).ready(function() {$("#pic").pwi({username:"* YOUR USER CODE*",albums:['.$albs.']


you call it on the pages: [[picasaAlbums?albums=album1;album2;album3]]

in your index you need to call:

Code: [Select]

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="/include/jquery/picasa/jquery.colorbox/jquery.colorbox-min.js"></script>
<script src="/include/jquery/picasa/jquery.pwi-min.js" type="text/javascript"></script>

I did modify a bit  jquery.pwi-min.js. see:
http://dagnoy.com/include/jquery/picasa/jquery.pwi-min.js
color-box code I use:
http://dagnoy.com/include/jquery/picasa/jquery.colorbox/jquery.colorbox-min.js

files avail on:http://code.google.com/p/pwi/

instructions :1. create the album(s) and drag and drop photos from your computer (if you use Chrome or Firefox)
2. album naming: please NO SPACES!!! So for example, you write 'AlbumName' instead of 'Album Name' as picasa album name. A space will be added between any two Capital letters  later by the program. So if you write album name as 'MyAlbum' it will show on websit 'My Album'. So make sure you have Capital letter where you want a space!
3. make the album public. IMPORTANT!!!
4. go to each photo and add caption if needed. you can also add album description.

5.Go to admin yoursite.com/admin and log in.
6. make a new page
7.paste this paragraph in it:   [[picasaAlbums?albums= album1 ; Album2  ]] 
8.Change the album1;Album2 to the EXACT names of the picasa albums (no spaces!!)
9. you can add many albums but you MUST put ; between each and the next, BUT NEVER AFTER THE LAST!.
10. save page and you should see the albums in new page.

Again all credits goes to iti

Kind regards,

Michel

[bupaje]

Thanks for posting it and tip of the hat to the developer. I will test it this weekend.