FEATURE: click on a album opens slimbox/fancybox

[GoogleCodeExporter]

Hello,

I'm trying to embed my lastest picasa albums into a widget in my blog, and
I would like to, when a user click on the thumbnail of an album,
slimbox/fancybox opens up with the photos of the clicked album..

For now, when I click an album, the div itself reloads with the content of
the album which is undesired so I disabled it using:

--- /tmp/jquery.pwi/js/jquery.pwi.js    2009-09-14 18:35:56.000000000 +0200
+++ js/jquery.pwi.js    2009-09-17 22:19:36.563667836 +0200
@@ -70,7 +70,7 @@
                                                e.stopPropagation();
                                                settings.page = 1;
                                                settings.album = e.data;
-                                               getAlbum();
+                                               window.location =
'http://picasaweb.google.com/' + settings.username + '/' + settings.album;
                                                return false;
                                        });
                                        $scAlbum.append("<img src='" +
$thumb + "?imgmax=" + settings.albumThumbSize + "&crop=" +
settings.albumCrop + "'/>");

Regards,
Wael

Original issue reported on code.google.com by wael.nas...@gmail.com on 17 Sep 2009 at 8:19

[GoogleCodeExporter]

Will see if this can be integrated nicely

Original comment by jdiderik on 20 Sep 2009 at 10:02

• Changed state: Accepted
• Added labels: Priority-Low, Type-Enhancement

[GoogleCodeExporter]

Thank you !!

Original comment by wael.nas...@gmail.com on 20 Sep 2009 at 12:42

[GoogleCodeExporter]

Issue 47 has been merged into this issue.

Original comment by jdiderik on 3 Mar 2010 at 1:27

[GoogleCodeExporter]

Thanks - would be really useful.

Original comment by nco...@gmail.com on 3 Mar 2010 at 3:35

[GoogleCodeExporter]

Some work on it done, with the setting onclickAlbumThumb that is already 
available, it now receives a true data stream out of which a new function can 
be rebuild for a popup.
I haven't made an example yet, but it should be to hard from here... will see 
if I can make a demo for it soon.

Original comment by jdiderik on 12 Aug 2010 at 2:06

• Changed state: Started

[GoogleCodeExporter]

Thanks this works well, but what do I do to make it so when I click the album 
it it opens the slimbox/fancy box? And not the thumbnails of the pictures it 
it? Thanks

Original comment by pickett...@gmail.com on 5 Mar 2012 at 3:07

[GoogleCodeExporter]

I created a demo using ColorBox. When you click on an album it opens ColorBox 
with the album overview in it. Then you can click on a photo and this will be 
shown inside ColorBox.
Was this what you had in mind?

Original comment by borkh...@gmail.com on 5 Mar 2012 at 7:33

Attachments:

• test-cb.html

[GoogleCodeExporter]

Thanks for the reply but no what i want to do is have the albums showing which 
i have it this far with slim box but i want to click on the album and then it 
open into the slim box/fancy box and skip the photos page.  I do not want to 
have to click on the album and then click on a picture for it to open the box. 
i want it to click on the album and it take me to the pop up box with the first 
picture in it.
thanks again

Original comment by pickett...@gmail.com on 5 Mar 2012 at 9:07

[GoogleCodeExporter]

I have not (yet) managed to get this to work with Slimbox or Fancybox, but with 
Colorbox it is quite simple. You can add the following to your PWI 
configuration:

          colorbox_config: {
            config_photos: {
              open: true,
              onClosed:function(){
                  window.location.reload()
              }
            }
          }

This will autostart Colorbox. The OnClose handler takes care of refreshing the 
page when you close Colorbox. There should be nicer solutions to this (like 
calling the GetAlbums method in PWI), but this function is private to the PWI 
class and cannot be called directly.

Original comment by borkh...@gmail.com on 5 Mar 2012 at 10:39

[GoogleCodeExporter]

Original comment by borkh...@gmail.com on 10 Jul 2012 at 7:07

• Changed state: Delayed

[GoogleCodeExporter]

[deleted comment]

[GoogleCodeExporter]

using borkh solution with colorbox I managed to obtain nearly what I need but 
the first image loaded miss the navigation buttons and also clicking on it I do 
not obtain to navigate to the second image.
The gallery does not appear to have the needed informations about images when 
config is invoked.
does someone have any suggestion?

Original comment by elettr...@gmail.com on 16 Oct 2012 at 12:07

[GoogleCodeExporter]

succeded in showing only the first thumbnail instead of the album cover (you 
can set the size of the thumb)... doing this the problem is bypassed.

hides album cover thumb
loads thumbs (only the first one actually) as if album cover were clicked

see attached file, just look around comments named a1-a4

Original comment by elettr...@gmail.com on 20 Oct 2012 at 12:50

Attachments:

• jquery.pwi.js