How can I "always" open images in a new window?

See this thread, http://gallery.menalto.com/index.php?name=PNphpBB2&file=viewtopic&t=27255&highlight=open+window.

Only you'll be editing albumBody.tpl instead.

I've been talking to bharat on irc on how to do this. It's possible, but not efficient. He started down the path of getting me the answer, but we stopped when he suggested it might be easier to just edit photo.tpl to render only the image. Here's the useful stuff from our conversation:

That's when I started editing photo.tpl, theme.inc and creating a new "wrapper" for photo.tpl on my site. I'm lazy and didn't put in the extra 5 seconds of work to edit album.tpl to open the link in a new window. ;) Check out my site for an example: removed link, it doesn't contain modifications any longer those changes will be there for a couple of days or at least until I update from CVS again.

Here's what I did:
NOTE: You may want to create a new theme as at least one of your changes could be overwritten by an upgrade. Theme.inc cannot be made 'local', thus it's overwritten on every upgrade, if the theme exists in an upgrade.

1) created a 'local' directory under /themes/matrix/templates and copied photo.tpl into it. You'll want album.tpl as well

2) edited photo.tpl to look like this

{if !empty($theme.imageViews)}
{assign var="image" value=$theme.imageViews[$theme.imageViewsIndex]}
{/if}
              {if isset($theme.photoFrame)}
                {g->container type="imageframe.ImageFrame" frame=$theme.photoFrame}
                  {g->image id="%ID%" item=$theme.item image=$image fallback=$smarty.capture.fallback class="%CLASS%"}
                {/g->container}
              {else}
                {g->image item=$theme.item image=$image fallback=$smarty.capture.fallback}
              {/if}

3) created a new file imaginatively called 'none.tpl' in the same 'local' directory and copied the contents of theme.tpl into it. Then I cut out the stuff I didn't want, breadcrumb, the image at the top, the images at the bottom, etc

4) edited theme.inc and revised the showPhotoPage() function to return 'none.tpl' instead of 'theme.tpl'

That's pretty much it. You'll want to edit album.tpl to open the link in a new window and you may want to use javascript or what ever you want to open the new window. Gotta go the Closer is on ;)

Oh and maybe take a look at this, may or may not help: http://wpg2.ozgreg.com/viewtopic.php?t=46

hi all,
trying to do the popup-thing for the fullsize images. in gallery 1.x, if i remember right, there was a parameter in admin menu to select "popup yes/no". is this paramter gone in g2 beta4? how can i do this with g2 b4? the procedure must be different then above in some steps, i think

That works if you're not showing image frames or want to show the original item (downloadItem). Either way, in my gallery I have full size images restricted to logged in users so I got an error if I wasn't logged in because I'm also using image frames...

All you really have to change is this:<a href="{g->url arg1="view=core.ShowItem" arg2="itemId=`$child.id`"}">

to this:<a href="{g->url arg1="view=core.ShowItem" arg2="itemId=`$child.id`"}" target="_blank">

Theme.inc is there.

\themes\matrix\theme.inc

You'd modify theme.inc to refer the to a different template other than theme.tpl for photos. Re-read my previous post, http://gallery.menalto.com/index.php?name=PNphpBB2&file=viewtopic&p=157799#157799

Except my site doesn't have that modification in it any longer.

I found a nice javascript that'll resize the window to the image and add some pixels for the nav and what not. The only problem is that it requires the dimensions of the image to set the size. I'm thinking it's in $photoItem-> somewhere but am clueless to pull it off. I know i have to set the width and hieght as variables and then call them in the js function.

How do I call the image dimensions and set them as variables?

Thanks Alot! With the javascript working properly I should be able to get my gallery to function somewhat like the "Photo of the Moment" at http://tumyeto.com/[/url]

Sweet! Is it possible to get that to link from the album view?

When I use <a href="{g->url arg1="view=core.ShowItem" arg2="itemId=`$child.id`"}" target="_blank"> I see subalbums in another window too. I want to see only photos in a new window.

I do all steps. But I need a popup when I click on a thumbPhoto. For a thumbAlbum (subAlbum) I don't want a popup.

Hi nivekiam,

It works. Many thanks for the help! Here is the code:

Now I' looking for a javascript. In order to show only the image.

I have applied RwD's javascript (above) to my g2 and it is opening the images in a new window when I click the thumbnail.
***NB: I put the script in the header of templates/local/theme.tpl and surrounded the <script></script> tags with {literal}{/literal} tags to escape Smarty's attention.

Now i want the new window to be sized to the image, maybe a tad bigger to take navigation etc.

Any quick answers on how to pass the image dimensions to the script above and output a nice size window?

Thanks
Norv
*see next post

1, Assign a name to the window like window.open( strURL, 'myGallery' ).
2, ??.
3, That sucks, probably javascript related. Try to find the point where it does this by adding alert( 'message' ); statemants in the code. Naming the window might have solved this already though.
4, I think that depends on the image dimensions. Can you check that the images indeed do get a margin?? (check with firefox + some extentions)

______________________
I made a theme for G2, try it

2, For some reason or the other IE seems to do blanking out stuff rather often when javascript is involved. If the problem doesn't happen in Firefox then it is probably just that...
______________________
I made a theme for G2, try it

3. Actually it is not closing the album page. The slideshow always stops at the current
picture and returns to the current pictures photo page. If your photo.tpl happens to be the page
opened in the popup, then the main window will look like the popup. You would have to change the
slideshow to go to the album rather then the picture:

• Copy the file "modules\slideshow\templates\Slideshow.tpl" to "modules\slideshow\templates\local\Slideshow.tpl"
  (create the directory if needed)
• Comment out the line saying:
  

  linkStop.href = document.getElementById('href_'+index).href;
  

  So change it into:

  // linkStop.href = document.getElementById('href_'+index).href;
  

  or remove it completely.

• Change the part of the stop button:
  

  <a id="stop" href="{g->url arg1="view=core.ShowItem"
   arg2="itemId=`$SlideShow.itemList[$SlideShow.start].id`"}">
    {g->text text="Stop"}
  </a>

  Turn the link into:

  <a id="stop" href="{g->url arg1="view=core.ShowItem"
   arg2="itemId=`$SlideShow.item.id`"}">
    {g->text text="Stop"}
  </a>

It does what you ask, but I think this kind of makes it unclear where you are going to when you press
stop, perhaps you should also add the pagenumber? This will get worse when the slideshow also starts
opening subalbums (doesn't do that yet).

5. The problem is that the onload event fires after all page content has loaded (including images and
other binary content). I found a possible solution for this here.
One thing though here is that you do not have the correct dimensions yet before the image is loaded.
but you'll have that anyway if you get what you want. I am sure that gallery2 can return the image
dimensions with the page (php has these functions build in; you do not even require GD or something
like that...
______________________
I made a theme for G2, try it

Thanks RwD, that Slideshow solution works well. I'll keep the sub-album issue in mind.
Currently working thru the possible solution to the onLoad problem.
How did you get a tiger-print rabbit? (Album in your G2 theme)

lol..
I checked out the window.open page you mentioned and tried out a solution..
this is how my theme_photo.tpl looks now

{literal}
  
    <script language="javascript" type="text/javascript"/>
    <!-- hide script from older browsers
   var NS = (navigator.appName=="Netscape")?true:false;
     
   function initFitPic() {
       // quit if this function has already been called
       if (arguments.callee.done) return;

       // flag this function so we don't do the same thing twice
       arguments.callee.done = true;
       
       iWidth = (NS)?window.innerWidth:document.body.clientWidth;
       iHeight = (NS)?window.innerHeight:document.body.clientHeight;
       iWidth = (document.images[0].width - iWidth) + 15;
       iHeight = (document.images[0].height - iHeight) + 20;
       window.resizeBy(iWidth, iHeight);
       self.focus();
   };

   /* for Mozilla */
   if (document.addEventListener) {
       document.addEventListener("DOMContentLoaded", initFitPic, null);
   }

   /* for other browsers */
   window.onload = initFitPic;
   
    // end hiding script from older browsers -->
    </script>

  <style type="text/css">
   /* for Internet Explorer */
   body {behavior: url(loaded.htc);}
  </style>
  
  {/literal}


  </head>
  <body class="gallery">

and loaded.htc simply contains

<component lightweight="true">
<attach event="ondocumentready" onevent="window.initFitPic()">
</component>

but the behaviour is the same as before. Working on it.

After a happy month with my galley showing popups I was asked to install another gallery with same features in another site. Same server, same PHP, same MySQL, of course. But I installed Gallery 2.0.1, the new version.
Not happens and javascript not appears with 'view source code'. I'm working with this for 7 days. I downloaded all Matrix files from old gallery and uploaded for the new site. I cleaned template cache every time I changed something. I don't have any new idea!!!
The old site: www.lidioparente.fot.br/gallery2
The new site: www.marcelogargaglioneeluismaffei.com/gallery2

hi,
any luck on this? would love to open large photo in popup.

I tried this, but it doesn't work for me...
please take a look at my site:

http://www.toyotayaris.de/cmsmadesimple/index.php?page=Gallerie2

If you go into the Album:Celica you see some thumbnails and if you click on a thumbnail, the image DON'T open in a new window ! Only if you click on this large image (which don't fit into my frame), a new Window will be opened !
...one Step too late... ;o)

The New Windows should appear if i click on the thumbnail ! how do i get that ?

Hi! I have the same problem, the javascript does not work anymore with 2.0.2...
I would also still like to have icons that allow you to navigate to the next/previous image.

I'm using the Carbon template. The above doesn't seem to apply. Is there a solution for Carbon?

I've looked at the album.tpl and have attempted to change the following with "taget=blank"

<div>
{if isset($theme.params.$frameType) && isset($child.thumbnail)}
{g->container type="imageframe.ImageFrame" frame=$theme.params.$frameType
width=$child.thumbnail.width height=$child.thumbnail.height}
<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`"}" target="blank">
{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" target="blank">
{g->text text="no thumbnail"}
</a>
{/if}
</div>

Gallery version = 2.1.2 core 1.1.0.2
PHP version = 4.4.4 cgi
Webserver = Apache/1.3.37 (Unix) mod_fastcgi/2.4.2 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.28 Ope