Larger Image in Popup?

I have done a search in G2 area and haven't really found a modification or method to do this with G2. With G1 I am able to have basically 3 image sizes that I use thumbnail, intermediate (usually displayed within page), then the original full size image if over a certain size which appears in a popup.

My website has certain size restraints so that it doesn't go over a certain width. For example we'll say its setup to only show up as a 800 pixels wide page. I can set the image size to only go to 640 width so it preserves the layout. I have artists that either create larger resoultion wallpaper or items that go over the 640. Now if I allow them to go over that size it will distort the website. If I set a size restriction then I defeat the purpose for some of the artists and sections in my sight. This was solved by having the larger image appear in a popup. I don't currently see a method to do this, is this possible to do?

----

Gallery URL (optional): http://www.protoculturex.com/test/gallery2
Gallery version: 2.0-beta-1
Webserver (with version): Apache 1.3.33
Datatabase (with version): MySQL - 4.0.22-standard
PHP version (eg 4.2.1): 4.3.10
Operating system: Linux
Web browser/version: Firefox 1.0.1

Ok so I downloaded and duplicated /templates/singleBody.tpl. According to the instructions at the top I create and directory called local, upload the edited file to there.

Since there is a full image link already, I believe I would need to edit the full size part but I'm not sure what I would need to modify it to get to popup into a seperate window.

              {if !empty($layout.sourceImage)}
              <li>
                {g->text text="Full size: "}
                {capture name="fullSize"}
                {if empty($layout.sourceImage.width)}
                {$layout.sourceImage.itemTypeName.0}
                {else}
                {g->text text="%dx%d" arg1=$layout.sourceImage.width arg2=$layout.sourceImage.height}
                {/if}
                {/capture}
                {if count($layout.imageViews) > 1}
                <a href="{g->url arg1="view=core:ShowItem" arg2="itemId=`$layout.item.id`" arg3="imageViewsIndex=`$layout.sourceImageViewIndex`"}">{$smarty.capture.fullSize}</a>
                {else}
                {$smarty.capture.fullSize}
                {/if}
              </li>
              {/if}

If I wanted to make the image a link to where it would popup with the full image, I suppose I would take the popup image code and replace or edit the link parts here:

    <div class="gsSingleImage">
      {if !empty($layout.imageViews)}
      {capture name="fallback"}
      <a href="{g->url arg1="view=core:DownloadItem" arg2="itemId=`$layout.item.id`"}">
        {g->text text="Download this %s" arg1=`$layout.sourceImage.itemTypeName.1`} 
      </a>
      {/capture}

      {if ($layout.can.viewInline[$layout.imageViewsIndex])}
	{if isset($layout.photoFrame)}
	  {g->block type="imageframe" frame=$layout.photoFrame}
	    {g->image item=$layout.item image=$image id="%ID%" class="%CLASS%"}
	  {/g->block}
	{else}
	  {g->image item=$layout.item image=$image fallback=$smarty.capture.fallback}
	{/if}
      {else}
	{$smarty.capture.fallback}
      {/if}
      {else}
	{g->text text="There is nothing to view for this item."}
      {/if}
    </div>

Ok I think I understand that now, makes a sense that it almost seems to simple. As I become more familar to the layout of things I'm sure I'll get a better handle on things. Thank you, I'll try it and test it out when I get home from work and get some time and let you know if there are any problems. But seems straight forward.

Shadow Wolf, did you get it working??

If you did, could you please post the /singlebody.tpl, I'm still having trouble with it.

Cheers

I don't want to use the drop down menus at all.

What I'm trying to do is this. Clicking on the thumbnail opens the mid-size picture and by clicking on the mid-size picture the fullsize picture will open in a popup window.

Now that we aren't using layouts anymore where would I make this edit now?

Except I don't have a singleBody.tpl, so would it be photo.tpl?

When modifying them do they go into /themes/matrix/local or /themes/matrix/templates/local?

I have looked in album.tpl and photo.tpl and I am not sure what creates the link for Full Size and the drop down menu. In album.tpl I have found this which seems to deal with the thumbnail parts but I am not sure:

{if isset($theme.params.$frameType) && isset($child.thumbnail)}
		    {g->container type="imageframe.ImageFrame" frame=$theme.params.$frameType}
		      <a href="{g->url arg1="view=core.ShowItem" arg2="itemId=`$child.id`"}">
			{g->image id="%ID%" item=$child image=$child.thumbnail
			 class="%CLASS% giThumbnail"}
		      </a>
		    {/g->container}
                  {elseif isset($child.thumbnail)}
		    <a href="{g->url arg1="view=core.ShowItem" arg2="itemId=`$child.id`"}">
		      {g->image item=$child image=$child.thumbnail class="giThumbnail"}
		    </a>
                  {else}
		    <a href="{g->url arg1="view=core.ShowItem" arg2="itemId=`$child.id`"}"
                       class="giMissingThumbnail">
		      {g->text text="no thumbnail"}
		    </a>
                  {/if}

Just to test out I try changing the ShowItems to DownloadItem refreshed and cleared cache but they didn't appear to change anything, so it looks like I am on the wrong path but those seem to be the only places where links are created that I can see.

Ok I am having trouble still trying to find the links that create the full size image link. If I am looking at this page here:
http://www.protoculturex.com/index.php?ind=artgallery&g2_view=core.ShowItem&g2_itemId=320
Would that be using photo.tpl? If I want that to become the full size image then I will have to add something like this to where it creates the link:<A href="javascript:void(0);" onclick="window.open('{g->url arg1="view=core.DownloadItem" arg2="itemId=`$theme.item.id`"}','viewWindow', '{g->text text="width=%d,height=%d" arg1=$theme.sourceImage.width+20 arg2=$theme.sourceImage.height+20}, resizable=yes,scrollbars=yes' );">
I am not sure where the Full Size link is at as well, I would think it is also in photo.tpl since it doesn't show in album but I am not sure which one. The link is actually showitem but all I see in the .tpl is downloaditem. I did try replacing the two places where I see this, with the above code but it didn't work.<a href="{g->url arg1="view=core.DownloadItem" arg2="itemId=`$theme.item.id`"}">

Ok no wonder I couldn't find the full size image link. Thank you. I have that fixed so at least when they click on the Full Size part it opens it in a pop-up window. I found what I needed to modify in photo.tpl too. It looks like the image is displayed using:

{g->image id="%ID%" item=$theme.item image=$image fallback=$smarty.capture.fallback class="%CLASS%"}

and

{g->image item=$theme.item image=$image fallback=$smarty.capture.fallback}

I just replaced thm with:

      <A href="javascript:void(0);" onclick="window.open('{g->url arg1="view=core.DownloadItem" arg2="itemId=`$theme.item.id`"}','viewWindow', '{g->text text="width=%d,height=%d" arg1=$theme.sourceImage.width+20 arg2=$theme.sourceImage.height+20}, resizable=yes,scrollbars=yes' );">
          	{g->image id="%ID%" item=$theme.item image=$image fallback=$smarty.capture.fallback class="%CLASS%"}
   </a>

and 

      <A href="javascript:void(0);" onclick="window.open('{g->url arg1="view=core.DownloadItem" arg2="itemId=`$theme.item.id`"}','viewWindow', '{g->text text="width=%d,height=%d" arg1=$theme.sourceImage.width+20 arg2=$theme.sourceImage.height+20}, resizable=yes,scrollbars=yes' );">
         {g->image item=$theme.item image=$image fallback=$smarty.capture.fallback}
   </a>

Anyone see any issues with the code? So far it has been working fine but it was strictly guesses and trial and error on my part.

Ditto on that How did you get that to work exactly?
I've got the same problem, larger images breaking the layout.

alexprime, try clearing your template cache. If that doesn't work, can you post a link to your site?

mambocreed, What do you mean "larger images breaking the layout"? Can you post a link to your site?

Phlogiston, what's your problem? My ability to read minds does not reach through the internet "it's broken" doesn't get much help other than "fix it"
____________________________________________
Like Gallery? Like the support? Donate now!!! See G2 live here

Just to add to this thread since its referanced a lot and to clear up some confusion I went through trying to get this to work since
I have an embeded site and full size breaks the layout.
First let me say that I customized my site, I deleted the dropdown box ( I find 2 sizes are enough normal and full size),
the full size link does not open in a new window it opens in the current window alone ( that way you can just hit back button and also allow user to shift or right click and open it new window)
And finally I added a javascipt under the image for it to open in a new window.

To change the dropdown and full size I edited... modules/core/templates/blocks/photosizes.tpl

I changed

This just opens the image alone in current window, you can add more here to do what you want really under Size and Fullsize, I deleted the Size parts.

For the javascript window full size pop-up which text displays under the photo I added this to my themes templates/photo.tpl

hope this helps as it wasnt exactly clear that you had to edit photosizes.tpl

I just updated to Gallery 2.1 and it seems the modifications on the photo.tpl are no longer working.
Before the update everything worked fine, now the popup windows shows up but instead of the picture an errormesseage ist shown:
Error (ERROR_MISSING_OBJECT) : Missing object for 0

* in modules/core/classes/GalleryStorage/GalleryStorageExtras.class at line 1852 (gallerycoreapi::error)
* in modules/core/classes/GalleryStorage/GalleryStorageExtras.class at line 109 (gallerystorageextras::_identifyentities)
* in modules/core/classes/GalleryStorage.class at line 293 (gallerystorageextras::loadentities)
* in modules/core/classes/helpers/GalleryEntityHelper_simple.class at line 82 (mysqlstorage::loadentities)
* in modules/core/classes/GalleryCoreApi.class at line 2382 (galleryentityhelper_simple::loadentitiesbyid)
* in modules/core/DownloadItem.inc at line 71 (gallerycoreapi::loadentitiesbyid)
* in main.php at line 378 (downloaditemview::renderimmediate)
* in main.php at line 87
* in main.php at line 80
* in /var/www/joerg/gallery2/main.php at line 3

Can anyone help?
Jörg

I'm not sure if this works in a Multisite installation.
I assume the File PhotoSizes.tpl is used by every instance of an Multisite install, but I want to change this behavior just for one instance.
Is this possible?