[PGtheme] - Merge with lightbox effect when full size option is clicked?

- Please add '[module / theme name]' along with specific subject in the title of your topic
- What information is required when asking for help in the forums?
http://codex.gallery2.org/index.php/Gallery2:faq#What_information_is_required_when_I_ask_for_help_in_the_forums.3F
- You can copy and paste a lot of the required information from "Site Admin" -> "Maintenance" -> "System Information" if your G2 is up and running.
- For development specific discussions, please use the forums in the Tech Zone

Gallery version = 2.1.1 core 1.1.0.1
PHP version = 4.4.2 apache
Webserver = Apache/1.3.36 (Unix) mod_auth_passthrough/1.8 mod_log_bytes/1.2 mod_bwlimited/1.4 PHP/4.4.2 FrontPage/5.0.2.2635.SR1.2
Database = mysql 4.1.21-standard, lock.system=database
Toolkits = ArchiveUpload, Exif, Getid3, Thumbnail, Gd, SquareThumb
Acceleration = none, none
Operating system = Linux pluto.hostingthing.us 2.6.17.6 #1 SMP Fri Jul 21 13:17:50 CDT 2006 i686
Default theme = PGtheme
Locale = en_US
Browser = Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

Hey guys, I was wondering if anyone had try to use the lightbox effect with the PGtheme? Specifically, when the full size option is picked for a photo, instead of a new page opening, the lightbox effect would take place?

Oops, sorry about that, here's an example --
http://www.huddletogether.com/projects/lightbox/

Another using CS2 photo gallery -
http://www.photoshoplab.com/examples/lightbox_web_gallery/index.html

hehe, not too sure, but I was thinking for the photo full size button in the photo page.
Sweet! Glad you're willing to work on it!

I was thinking about this also. I would like to have it on item view page when I click on photo it will open full size of photo in lightbox instead in popup.

OK, you can click the PopUp Icon now on the Photo Page too - it will open the FullSize (havn't found a quick way to use a resize).
The PopUp flag is currently set to 'ShowLightBox'
CU,
Lutz

EDIT Oops, I've added a check.permission for the full sizes - you need probably to go to the guest album to test it http://localmail.dynip.com/GALLERY2/v/Guest+Album/ (but I think I've opened the Events album for guests...)

Gallery version = 2.2-svn core 1.1.15
PHP version = 5.1.4 apache2handler
Webserver = Apache/2.2.3 (Win32) DAV/2 PHP/5.1.4 mod_ssl/2.2.2 OpenSSL/0.9.8b
Database = mysql 5.0.22-log,
Theme=PGtheme,
Gallery-URL=http://lf-photodesign.de

Hi Termite,

these Squirrels (?) are cute
I like the idea to link to the photopage from the description - how did you manage to get this?
Is there a way to put it on preload? I read something about a lightbox_init() on the authors homepage...
You support my idea to have it on the album page. Seems I've got it now quite working.

Thanks,
Lutz

Gallery version = 2.2-svn core 1.1.15
PHP version = 5.1.4 apache2handler
Webserver = Apache/2.2.3 (Win32) DAV/2 PHP/5.1.4 mod_ssl/2.2.2 OpenSSL/0.9.8b
Database = mysql 5.0.22-log,
Theme=PGtheme,
Gallery-URL=http://lf-photodesign.de

I have it currently not on clicking on the image - its the little rightmost icon below the album thumbnails which opens the lightbox.
And ... cool - the Photo Page link works Thanks!

See you!

Gallery version = 2.2-svn core 1.1.15
PHP version = 5.1.4 apache2handler
Webserver = Apache/2.2.3 (Win32) DAV/2 PHP/5.1.4 mod_ssl/2.2.2 OpenSSL/0.9.8b
Database = mysql 5.0.22-log,
Theme=PGtheme,
Gallery-URL=http://lf-photodesign.de

Ok I have found the button (i'm slow i think ...) but now when I click it it doesn't display the pic. it just says loading and then done and nothing happens

-------------------------
The Termite - - http://perso.mine.nu/

Termite,

can you please recheck Guest Album or v/Trips - I forgot to set the resize-Permission..., implemented now a full lightbox functionality with preload of the resizes in the background and added the lightbox_init patch (no need to wait..).
If you think its worth to try (and it works for you) I'll post the files if there is interest.

Thanks,
Lutz

Gallery version = 2.2-svn core 1.1.15
PHP version = 5.1.4 apache2handler
Webserver = Apache/2.2.3 (Win32) DAV/2 PHP/5.1.4 mod_ssl/2.2.2 OpenSSL/0.9.8b
Database = mysql 5.0.22-log,
Theme=PGtheme,
Gallery-URL=http://lf-photodesign.de

Oh and to anser your other question. I'm sure it's worth it to post it ... Maybe we should start a codex page for lightbox modifcation of the themes

I'm sure other people would be glad to use those

See you !
-------------------------
The Termite - - http://perso.mine.nu/

lescheck,

It may be related to the slow connection he has, it's working fine on my install and there should be only little difference

http://perso.mine.nu/photos.php?g2_itemId=7406&language=en

-------------------------
The Termite - - http://perso.mine.nu/

wow, thanks you two for pushing forward with this! I think there will definitely be people interested in this.
yeah, lfrank's site was going slow for me too.

From lfrank's site it seems like it was implement on the album level, is there anyway to do it so that it appears on the 'full size' button on the photo level?

cool, Yes - Sorry - my site has a pretty limited upstream...
I'll post the files this morning (just woke up ;))
CU, Lutz

Gallery version = 2.2-svn core 1.1.15
PHP version = 5.1.4 apache2handler
Webserver = Apache/2.2.3 (Win32) DAV/2 PHP/5.1.4 mod_ssl/2.2.2 OpenSSL/0.9.8b
Database = mysql 5.0.22-log,
Theme=PGtheme,
Gallery-URL=http://lf-photodesign.de

whiteturtle, there is a switch to have it on photo level - but only full size (which are huge on my site - and therefore I've disabled it on my site)

Gallery version = 2.2-svn core 1.1.15
PHP version = 5.1.4 apache2handler
Webserver = Apache/2.2.3 (Win32) DAV/2 PHP/5.1.4 mod_ssl/2.2.2 OpenSSL/0.9.8b
Database = mysql 5.0.22-log,
Theme=PGtheme,
Gallery-URL=http://lf-photodesign.de

LFrank: Thank you. Lightbox seems to work and it's great. I just find one strange thing. When I open image in lightbox a close it (lightbox) it leave on the page language box (I have it normaly in sidebar). You can see it here: http://www.angrezphoto.com/gallery2/main.php?g2_itemId=117&g2_enterAlbum=1 when you click on thumb. It's happen also on Photo page.

Gallery version = 2.2-svn core 1.1.14
PHP version = 4.4.2 cgi
Webserver = Apache/1.3.36 (Unix) mod_auth_passthrough/1.8 mod_log_bytes/1.2 mod_bwlimited/1.4 FrontPage/5.0.2.2635.SR1.2 mod_ssl/2.8.27 OpenSSL/0.9.7a PHP-CGI/0.1b
Database = mysql 4.1.18-standard, lock.system=flock
Toolkits = ArchiveUpload, Exif, Getid3, Thumbnail, Gd, ImageMagick, LinkItemToolkit
Acceleration = none, none
Operating system = Linux server4.hostingplex.com 2.6.16.18 #5 SMP PREEMPT Tue May 23 14:29:55 EDT 2006 i686
Default theme = PGtheme
gettext = enabled

Ah yes, for those who want to test the lightbox_init at page laod time, I've atatched the modified Java-Script.
The archive contains the original distribution of Lightbox 2.02.
See you!
Lutz

Gallery version = 2.2-svn core 1.1.15
PHP version = 5.1.4 apache2handler
Webserver = Apache/2.2.3 (Win32) DAV/2 PHP/5.1.4 mod_ssl/2.2.2 OpenSSL/0.9.8b
Database = mysql 5.0.22-log,
Theme=PGtheme,
Gallery-URL=http://lf-photodesign.de

Termite,
you're right - there are some z-index set in the lightbox css, which might be conflicting. I tried a bit to stack them in order but no full success yet the language-block bleeds through. Probably its hidden in the block setup of the language selector itsself... I follow up...
See you,
Lutz

Gallery version = 2.2-svn core 1.1.15
PHP version = 5.1.4 apache2handler
Webserver = Apache/2.2.3 (Win32) DAV/2 PHP/5.1.4 mod_ssl/2.2.2 OpenSSL/0.9.8b
Database = mysql 5.0.22-log,
Theme=PGtheme,
Gallery-URL=http://lf-photodesign.de

Well I would put something together like this:

				/* Add resizedId to child values */
				if ( $theme['children'] ){
				    foreach ( $theme['children'] as $key => $value ){
				        if ( $value['id'] ){
				            list($ret,$resizedIds) = GalleryCoreApi::fetchResizesByItemIds(array($value['id']));
				            if ($ret)
				                return array($ret->wrap(__FILE__, __LINE__), null);
				        }
                                        $theme['children'][$key]['resizedId'] = $key;
				        if ( $resizedIds ){
				            /* Find the best resized option
				             * 
				             * Use width/height max=800; */
				            $lboxMaxEdge = 800;
				            $resizedEdge = NULL;
				            $resizedId = NULL;
				            foreach ( $resizedIds[$value['id']] as $resize ){
												$width = $resize->getWidth();
				                $height = $resize->getHeight();
				                $edge = ( $width > $height )? $width : $height;
				                if ( $edge <= $lboxMaxEdge ){
				                    if ( !isset($resizedEdge) ){
				                        $resizedId = $resize->getId();
				                        $resizedEdge = $edge;
				                    } else if ( $edge > $resizedEdge ){ 
				                        $resizedId = $resize->getId();
				                        $resizedEdge = $edge;
				                    } 
				                }
				            }
				            $theme['children'][$key]['resizedId'] = $resizedId;
                                        }
				    }
				}

Because if the picture is smaller than the resized, then there is no resized item created for it which will indeed make your script fail. So with the above code, it will (in that case) fail over to the ID of the item itself which is smaller than the size you're looking for.

I haven't gotten time myself to test it out since the last time. My sirius imlpementation is still using the full size items (which isn't good for sure).

See you !

PS: Great we will enjoy your pic at a faster rate soon
-------------------------
The Termite - - http://perso.mine.nu/

Oo wait yeah, you're right ... my mistake

				/* Add resizedId to child values */
				if ( $theme['children'] ){
				    foreach ( $theme['children'] as $key => $value ){
				        if ( $value['id'] ){
				            list($ret,$resizedIds) = GalleryCoreApi::fetchResizesByItemIds(array($value['id']));
				            if ($ret)
				                return array($ret->wrap(__FILE__, __LINE__), null);
				        }
                                        $theme['children'][$key]['resizedId'] = $value['id'];
				        if ( $resizedIds ){
				            /* Find the best resized option
				             * 
				             * Use width/height max=800; */
				            $lboxMaxEdge = 800;
				            $resizedEdge = NULL;
				            $resizedId = NULL;
				            foreach ( $resizedIds[$value['id']] as $resize ){
												$width = $resize->getWidth();
				                $height = $resize->getHeight();
				                $edge = ( $width > $height )? $width : $height;
				                if ( $edge <= $lboxMaxEdge ){
				                    if ( !isset($resizedEdge) ){
				                        $resizedId = $resize->getId();
				                        $resizedEdge = $edge;
				                    } else if ( $edge > $resizedEdge ){ 
				                        $resizedId = $resize->getId();
				                        $resizedEdge = $edge;
				                    } 
				                }
				            }
				            $theme['children'][$key]['resizedId'] = $resizedId;
                                        }
				    }
				}

This should do it

-------------------------
The Termite - - http://perso.mine.nu/

I tried using the zip pack posted above, but no luck getting it to work, it says
" Core API Required: 7.0 (available: 7.2)
Theme API Required: 2.4 (available: 2.3)"

I tried modifying an existing (working) version of PG theme, but no luck there as well.

Just curious if there are any updates, i will fight through it for now.

Thnaks

You need to upgrade to the latest SVN to use the packages posted by LFrank.

I started putting togethere a tutorial to explain how to use lightbox with gallery. When it's completed I'll publish it (this week I hope)

See you !

-------------------------
The Termite - - http://perso.mine.nu/

ah yes, using the svn, MUCH better!

However, using version 1.1.1, when clicking a link to open the lightbox, the spinner just comes up, but does not load the picture....sitting there, spinning away forever.