Getting ResizedID for all of the items in an album

First let me give some background information of what I am trying to do. I'm trying to use a Javascript program called Lightbox. When you click on one of the images in the album it pops up in the middle of the page without reloading the page. It's a really neat effect. I got it working great with two exceptions. The first is it uses the original image instead of the resized picture. The second issue is that if the user has javascript disabled it would just show the picture. You can see how that was done here.
You can see this code in action here.

To deal with my two problems I used the code that sewpafly used to get the resize ID to make it use the resized image instead of the full size image. That code is here.

Because this Javascript app uses a special tag inside the link tag I need to show links to all the pictures in the album, not just the thumbnails that are on the screen. To do that I have modified the PeerList.tpl file so if there are images either before or after it generates links that have nothing to click on so they don't show up on the album page. Using sewpafly's code at the link above I am able to get the resized ID for all the images that show up on the screen but not the ones that get generated by the PeerList.

Does anyone have any ideas on how to do this either a completely different way or how to fix the way I'm doing it so it will work. I have attached my theme and the modified peerlist.tpl file if you would like to take a look. I don't know PHP very well, but I seem to do well with all the smarty templates.

Yes, I have looked at that but that only works for the images on the current page and not those on the other pages. I'm trying to make a module that gives me what I want but it's kinda going slow since I'm not too good at PHP, but is what I need to do is integrate that code with the code that generates the PeerList callback.

Perfect. Thanks so much. Instead of editing core/callbacks.inc I made a new module called lightbox and added the PeerList callback there. I'm not sure what the original PeerList in Core is used for. I'm going to try and see if I can't get the module to insert most (if not all) the code you need to get this running. It would be cool if I could make the theme where it doesn't need the theme to be modified at all, but at this point I don't think I can do that.

I also modified the js a little bit so that if the browser has javascript turned off you get the g2 page not just the picture.

Thanks again for getting me past this stumbling block that has kept me stopped for a couple weeks.

Please keep me posted (here) on the progress of the lighbox module... that's the next logical step to take this, which I was about to start. Maybe I'll just wait and see what you put together.

The only part I can't see being independent of the theme is the part where you have to add javascript to your item titles.

I'm new to the gallery2 project, however, and I can't say I have a good feel of the "big picture", how things interoperate yet. We'll see what happens.

Awesome...has anyone done this with Thickbox though? I saw a post where luxo has thickbox working perfectly on his site??? Havent seen a reponse back from him about his site??

Thanks

Here is Luxo's site >>

http://www.jerware.org/gallery2/main.php

I dont know...I think both are pretty nice...I just wanted one that would work easily on any theme....if i could figure out where to add the thickbox/lightbox pieces in the album.tpl file...the script part is easy...just getting it to work in the right areas was the hard part to me. I saw Thickbox as an easier way to open just the pics... but couldn't figure out where to add the code. I wasn't so concerned with next image links or even linking the pics together?? If someone could show me where to add the stuff for any theme really?? Lightbox/thickbox.

Thanks malinator.

Could you be more specific.?? I"ve seen some of the Lightbox code in here..they change 2 lines in album.tpl file and add some arg statements........I've tried to do the same with thickbox ..no luck yet.

THanks

Would anyone be willing to try Thickbox to get it working....that's so much to modify just to get resizing to work when Thickbox will already do it....and not as much modification?? If anyone could try any different theme and just show what you modified. I am thinking all you should have to do is get the thickbox files and place them in a dir somewhere like gallery....then modify theme.inc adding scripts and css stuff/// and then the album.tpl file is where i need help...I see i think what part to replace just cant' get it to work?? Anyone??

Thanks

I like the idea...could you put all the steps in one place to get this working for any theme ( lightbox that is )?? jumping from post to post is confusing..
I would appreciate it very much...

Thanks lvthunder......i get security violation when i add the last 2 steps? If I take them out i see my page and the lightbox opens..no pic though...
Any ideas?? pretty sure i've added the code in the right place?

Here is the error just trying to access the gallery main page... trying to modify siriux theme.
Yes I did modify those paths..i had messed with Lightbox alittle before...i can get the light box to open sort of...if i take out those last 2 steps..but no pic in the lightbox.

Thanks lvthunder.

The action you attempted is not permitted.

Back to the Gallery
Error Detail -
Error (ERROR_BAD_PARAMETER) : Smarty error: math: parameter x is empty

* in modules/core/classes/GallerySmarty.class at line 107 (GalleryCoreApi::error)
* in lib/smarty/plugins/function.math.php at line 54 (GallerySmarty::trigger_error)
* in /g2data/smarty/templates_c/%%4206357767/%%25^256^25661EA0%%album.tpl.php at line 6
* in lib/smarty/Smarty.class.php at line 1871
* in modules/core/classes/GalleryTemplateAdapter.class at line 709 (Smarty::_smarty_include)
* in /g2data/smarty/templates_c/%%4206357767/%%5D^5D2^5D29E2DD%%theme.tpl.php at line 61 (GalleryTemplateAdapter::theme)
* in lib/smarty/Smarty.class.php at line 1265
* in modules/core/classes/GallerySmarty.class at line 88 (Smarty::fetch)
* in modules/core/classes/GalleryTemplate.class at line 204 (GallerySmarty::fetch)
* in main.php at line 427 (GalleryTemplate::fetch)
* in main.php at line 85
* in main.php at line 78

System Information
Gallery version 2.2-svn
PHP version 5.1.4 apache2handler
Webserver Apache/2.2.2 (Unix) DAV/2 PHP/5.1.4
Database mysqlt 5.0.22-standard-log
Toolkits SquareThumb, ImageMagick, Gd
Operating system Linux dooku 2.6.8-2-386 #1 Tue Aug 16 12:46:35 UTC 2005 i686
Browser Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

Thanks lvthunder.....I get the lightbox now but no pic is ever loaded. you can check the site out and click onthe 1 pic i have in there..any ideas??
I've double checked my image paths, i may be missing something??

Awesome...man I appreciate all your help...nice to have someone that helps....Does this setup work though when you click on the actucal image for the album/sub-album?? When I click the image for the album the lightbox opens but no pic
but the link or writing to the side of the pic for the album works perfectly. it opens the pic in the lightbox. THANKS!!!!
Just curious...b/c you can click the pic or the link describing the album...have a quick look if you don't mind on my one album. The album pic vs. the link to the side.

Awesome..thanks again to your lvthunder and all in the forums....the re-sizing works perfectly and its great!!

Is this It??? in the albunlight.tpl>>>>

{if ($theme.item.canContainChildren && $theme.params.showAlbumOwner) ||
(!$theme.item.canContainChildren && $theme.params.showImageOwner)}
{assign var="showOwner" value=true}
{else}
{assign var="showOwner" value=false}
{/if}

****

I've got the first part taken care of, just trying to figure out the canContain.Children part now.

Thanks

Resurrecting this thread because I was interested in getting Lightbox working in my SearchShowAll.tpl and I figured the solution would be to insert code in SearchShowAll.inc - but I'm struggling to work out exactly how to do it.

SearchShowAll inc does this to get itemIds and thumbnails from the search results:

	
		if (!empty($results['results'])) {
	       foreach ($results['results'] as $result) {
		    if (isset($result['itemId'])) {
			$itemIds[$result['itemId']] = 1;
		    }
		}
		$itemIds = array_keys($itemIds);

		if (!empty($itemIds)) {
		    /* Fetch items */
		    list ($ret, $itemList) = GalleryCoreApi::loadEntitiesById($itemIds);
		    if ($ret) {
			return array($ret, null);
		    }
		    foreach ($itemList as $item) {
			$items[$item->getId()] = (array)$item;
		    }

		    /* Fetch thumbnails */
		    list ($ret, $thumbnailList) =
			GalleryCoreApi::fetchThumbnailsByItemIds($itemIds);
		    if ($ret) {
			return array($ret, null);
		    }
		    foreach ($thumbnailList as $thumbnail) {
			$thumbnails[$thumbnail->getParentId()] = (array)$thumbnail;
		    }

I figured I could do append a similar "list... = GalleryCoreApi::fetchResizesByItemIds(...)" followed by a foreach loop at that point, but I'm a bit confused about what array to use where, which variables I need to define and which already exist. Trying to use $itemIds is throwing up errors.

Cool, thanks for the tip - this works:

/**
     * @see GalleryTheme::showModulePage
     */
    function showModulePage(&$template, $item, $params, $templateFile) {
	$ret = $this->loadCommonTemplateData(
	    $template, $item, $params, array('parents', 'systemLinks'));
	if ($ret) {
	    return array($ret, null);
	}

	/* Add in our extra stuff */
	$theme =& $template->getVariableByReference('theme');
	$SearchShowAll =& $template->getVariableByReference('SearchShowAll');
	$theme['moduleTemplate'] = $templateFile;

	/* Add our header and styles */ 
	 
	/* Fetch resizeIds for lightbox if search page */
	if ($SearchShowAll['results']){
		foreach ( $SearchShowAll['results'] ['results'] as $key => $value ){
				        if ( $value['itemId'] ){
				            list($ret,$resizedIds) =  
                            GalleryCoreApi::fetchResizesByItemIds (array($value['itemId']));
				            if ($ret)
				                return $ret;
				        }
					    $SearchShowAll['results']['results'][$key]['resizedId'] = $value['itemId'];
				        
						if ( $resizedIds ){
				            /* Find the best resized option
				             * 
				             * Use width/height max=800; */
				            $lboxMaxEdge = 800;
				            $resizedEdge = NULL;
				            $resizedId = NULL;
				            foreach ( $resizedIds[$value['itemId']] 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;
				                    } 
				                }
				            }
				            $SearchShowAll['results']['results'][$key]['resizedId'] = $resizedId;
				        }
				    }
				}

/* end of new code */

	return array(null, 'theme.tpl');
    }