Author Topic: Picasa albums on your site - droplet  (Read 3735 times)

Offline iti

  • Posts: 32
Picasa albums on your site - droplet
« on: February 22, 2013, 04:29:30 PM »
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.

Offline Re-Mi

  • Posts: 97
Re: Picasa albums on your site - droplet
« Reply #1 on: March 02, 2013, 10:41:08 AM »
Hi,

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

Greetz,

Offline bupaje

  • Posts: 570
    • http://www.stormvisions.com
Re: Picasa albums on your site - droplet
« Reply #2 on: April 16, 2013, 08:36:47 PM »
I'd be interested in seeing this as well.
My Blog, My Site

Offline Re-Mi

  • Posts: 97
Re: Picasa albums on your site - droplet
« Reply #3 on: April 16, 2013, 10:48:02 PM »
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:

Quote
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.']

Quote
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>

Quote
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

Offline bupaje

  • Posts: 570
    • http://www.stormvisions.com
Re: Picasa albums on your site - droplet
« Reply #4 on: April 17, 2013, 02:20:08 AM »
Thanks for posting it and tip of the hat to the developer. I will test it this weekend.
My Blog, My Site

 

postern-length