New Theme: Greypop

Well I've done alot of playing around and tweaking, and have it almost how I want it. For some reason it just doesn't work in IE right (it doesn't show until moused over), and it doesn't deal well with portrait pictures. Check it out at:
http://lacho434.zapto.org/pictures/main.php?g2_itemId=734
Here's some of the code I've been editing from the .css file and the photo.tpl:

#prev a em {
  background:url("images/photonav_prev.gif") no-repeat 50% -100px;
  }

#next a em {
  background:url("images/photonav_next.gif") no-repeat 50% -100px;
  }

/*These are the logos that are used */

#prev a>em {
  background:url("images/photonav_prev.png") no-repeat 0% 0px;
  }

#next a>em {
  background:url("images/photonav_next.png") no-repeat 100% 0px;
  }

#prev a:hover em, #prev a:active em {
  background-position: 0% 0px;
  cursor: pointer;
  }

#next a:hover em, #next a:active em {
  background-position: 100% 0px;
  cursor: pointer;
  }

{*
* $Revision: 1.1.2 $
* If you want to customize this file, do not edit it directly since future upgrades
* may overwrite it. Instead, copy it into a new directory called "local" and edit that
* version. Gallery will look for that file first and use it if it exists.
*}
{if !empty($theme.imageViews)}
{assign var="image" value=$theme.imageViews[$theme.imageViewsIndex]}
{/if}
<table width="100%" cellspacing="0" cellpadding="0">
  <tr valign="top">
    {if !empty($theme.params.sidebarBlocks)}
    <td id="gsSidebarCol">
      {g->theme include="sidebar.tpl"}
    </td>
    {/if}
    <td>
      <div id="gsContent">
      <div class="gbBlock gcBackground1">
      {if !empty($theme.item.title)}
      <h2> {$theme.item.title|markup} </h2>
      {/if}
      {if !empty($theme.item.description)}
      <p class="giDescription">
      {$theme.item.description|markup}
      </p>
      {/if}
      {g->block type="core.ItemInfo"
      item=$theme.item
      showDate=true
      showOwner=false
      class="giInfo"}
      </div>
      <div id="gsImageView" class="gbBlock">
      {if !empty($theme.imageViews)}
      {capture name="fallback"}
      <a href="{g->url arg1="view=core.DownloadItem" arg2="itemId=`$theme.item.id`"}">
      {g->text text="Download %s" arg1=$theme.sourceImage.itemTypeName.1}
      </a>
      {/capture}
      {if ($image.viewInline)}
      <table width=700>
        <tr>
          <td>
            {if isset($theme.photoFrame)}
            {g->container type="imageframe.ImageFrame" frame=$theme.photoFrame}
            {if $smarty.get.g2_imageViewsIndex != 1}
            <a href="{g->url arg1="view=core:ShowItem" arg2="itemId=`$theme.item.id`" arg3="imageViewsIndex=1"}">
            {g->image id="%ID%" item=$theme.item image=$image fallback=$smarty.capture.fallback class="%CLASS%"}</a>
            {else}
            <a href="{g->url arg1="view=core:ShowItem" arg2="itemId=`$theme.item.id`" arg3="imageViewsIndex=0"}">
            {g->image id="%ID%" item=$theme.item image=$image fallback=$smarty.capture.fallback class="%CLASS%"}</a>
            {/if}
            {/g->container}
            {else}
            {if $smarty.get.g2_imageViewsIndex != 1}
            <a href="{g->url arg1="view=core:ShowItem" arg2="itemId=`$theme.item.id`" arg3="imageViewsIndex=1"}">
            {g->image item=$theme.item image=$image fallback=$smarty.capture.fallback}</a>
            {else}
            <a href="{g->url arg1="view=core:ShowItem" arg2="itemId=`$theme.item.id`" arg3="imageViewsIndex=0"}">
            {g->image item=$theme.item image=$image fallback=$smarty.capture.fallback}</a>
            {/if}
            {/if}
          </td>
        </tr>
        <tr>
          <td width=35%>
            {if isset($theme.navigator.back)}
            {if isset($theme.navigator.back.item)}
             {if isset($theme.photoFrame)}
            {g->container type="imageframe.ImageFrame" frame=$theme.photoFrame}
            <div id="entire_image">
            <div id="prev" class="floatlinksprev">
            {if isset($theme.navigator.back)}
            <p>
            <a href="{g->url params=$theme.navigator.back.urlParams}"><em>previous</em></a></p>
            {/if}
            </div>
            </div>
            {/g->container} 
            {/if}
            {else}
            {g->image item=$theme.navigator.back.item image=$theme.navigator.back.item.thumbnail
            class="previous"}
            </a>
            {/if}
            {/if} 
            {else}
            {$smarty.capture.fallback}
            {/if}
            {else}
            {g->text text="There is nothing to view for this item."}
            {/if}
          </td>
          <td width=35%>
            {if isset($theme.navigator.next)}
            {if isset($theme.navigator.next.item)}
            {if isset($theme.photoFrame)}
            {g->container type="imageframe.ImageFrame" frame=$theme.photoFrame}
            <div id="entire_image">
            <div id="next" class="floatlinksnext">
            <p>
            <a href="{g->url params=$theme.navigator.next.urlParams}"><em>next</em></a></p>
            </div></div>
            {/g->container} 
            {/if}
            {else}
            {g->image id="%ID%" item=$theme.navigator.next.item image=$theme.navigator.next.thumbnail
            class="next" class="%CLASS%"}
            {/if}
            {/if}
          </td>
        </tr>
      </table>
      </div>
      {* Download link for item in original format *}
      {if !empty($theme.sourceImage) && $theme.sourceImage.mimeType != $theme.item.mimeType}
      <div class="gbBlock">
      <a href="{g->url arg1="view=core.DownloadItem" arg2="itemId=`$theme.item.id`"}">
      {g->text text="Download %s in original format" arg1=$theme.sourceImage.itemTypeName.1}
      </a>
      </div>
      {/if}
      {* Show any other photo blocks (comments, exif etc) *}
      {foreach from=$theme.params.photoBlocks item=block}
      {if $block.0 == "core.ItemLinks" and $user.isAdmin != 1}
      {else}
      {g->block type=$block.0 params=$block.1}
      {/if}
      {/foreach}
      {g->block type="core.GuestPreview" class="gbBlock"}
      {* Our emergency edit link, if the user all blocks containing edit links *}
      {g->block type="core.EmergencyEditItemLink" class="gbBlock"
      checkSidebarBlocks=true
      checkPhotoBlocks=true}
      </div>
    </td>
  </tr>
</table>

It's been fun trying to figure out the entanglement between the if statements and the table statements, but I've got it working at least. Probably not in the most neat way, but as long as it works....

Anybody have any comments?

Well the demo site is using a newer version of the theme that I am working on. It's actully Javascript though. It's called lightbox. It should be out within a week or so.

Cool, thanks. Backing up to update as we speak 8)
Well, it doesn't seem to be working right. The lightbox doesn't open consistently, and now my customizations no longer work either *sigh* Oh well.

The lightbox image feature is also not working for me in IE.....i also have a couple of other questions...

- How could i change the color of the entire theme (i want an light orange color)

- How can i center all info under the lightbox pop up image?

- How can i center the slideshow image?

- How can i increase the size of the thumbnails of the albums?

Thanks...I love this theme.

I am using the joomla to gallery2 bridge and when I apply the greypop theme the font that say "so and so's gallery is the same color as the background and the only way i can see it is to highlight the text, but if I just go to gallery2 without using the bridge the color is white. I am thinking that maybe the .css for joomla is overriding the .css for greypop. Any ideas?

First of all, I have to say that this theme is great! I did some heavy modification for it and it turned out pretty well, except I'm having a small problem with the lightbox on certain images and was wondering if you might be able to help. The lightbox works perfectly for almost all the jpg's I put up there, except for small jpgs. The images that it will not display are all around 250x250. Any thoughts on this? The gallery I am working on can be found at:

http://www.kernroadvet.com/gallery/v/Staff_Photos/

and the images in question are:

Perry.jpg
W: 202
H: 283

rhonda.jpg
W: 176
H: 200

woody.jpg
W: 197
H: 250

Thanks,
Brad

Makes sense. Not extraordinarily familiar with php/sql though so would need a bit of a shove in the right direction. I don't necessarily need the code, might be able to fumble my way through that, but if anyone could point me to the right file to edit it would be very much appreciated. Would this maybe be the only spot you really would have to edit?

Maybe do some sort of a "if ( $resizedIds == NULL )" statement and then just make .. well. No, not completely certain how to go about that. Might just hope nobody at the clinic has any more small photos. ;-) Might be alot of photos posted to this page and was hoping to avoid doing alot of resizing. (Avoiding alot of resizing is one reason I installed gallery ;-) ) If anyone has any ideas on this or some good nudges they could give me, I may be able to fumble my way to the solution.

Thanks,
Brad

Just installed the latest version of the theme. When using lightbox and viewing an image, the close button does not show up in Firefox, and in IE it just has the image placeholder with the red X. In IE, if I go to the properties of that image place holder it has the URL set to http://localhost/gallery2/themes/greypop/images/closelabel.gif ... My folder is called gallery, not gallery2, and shouldn't localhost be my domain? What are some things I can check to see if I have them set up wrong?

LOVE the theme but I have a few issues:

- I'm getting random links at the bottom of the theme, any ideas?
View Photo Page
' rel="lightbox[photos]">
View Photo Page
' rel="lightbox[photos]">
View Photo Page
' rel="lightbox[photos]">

- I cannot see the micro nav thumbs, I checked and unchecked, no difference.
- I don't see ImageFrame as a module under modules, I'm totally lost but would love to get the frames like your demo.

http://www.CrossroadForums.com
Click GALLERY at the top.

Also no matter what I cannot find where users can upload photos, all the action links are not visible, IF I add lets say the Search box, and the Item Actions to the sidebar/album pages and photo pages in Site Admin/Themes/Greypop....hit save, and come back to the page, they are not saved. So right now users see nothing but the photos, no actions.

RE: ' possibly in title. Nope, none of them do:

http://www.crossroadforums.com/index.php?action=gallery&g2_itemId=8633

http://www.CrossroadForums.com

I see pulldowns for actions while in as admin ONLY, but the settings for viewing them in the sidebar etc do not hold even for the admin acct.

Ahh I see what you mean now about the ' , it may be filtering out all the ones in the whole album with ' in them. Indeed there are a few.

http://www.CrossroadForums.com

I hit save, and they revert to blank boxes again. BTW, I will help you break this mofo, i'm great at that ;) Thank you for your genuine intrest in developing a great theme!

http://www.CrossroadForums.com

Does this theme work correctly with a multisite install / is anyone using it with a multisite install?

The theme seems to work correctly, except for the lightbox. It pops up and the loading.gif animates in the middle of a 2"x2" white box, but nothing else happens. I am setup as a multisite install. I could probably setup a single site for testing if no one else has tried a multisite.

Thanks

Absent-One you need to go into lightbox.js and edit a few image paths to get the lightbox images to work.

Both of you @ How big are the pictures in the gallery. Is there a resized picture or are the images too small for that. I'd need a link to get much farther then that.

Ah found the spots to configure in the .js
Now it opens and I see the loading icon and thats where she sits. i must still be missing something.

Absent-One you don't seem to have any resizes IE click the picture and a smaller version appears then when you click on it the original version appears.

The originals are 3072x2304, and I am uploading them. So I guess I should say that I have 800x800, 1024x1024 and 3072x2304.

I have now created a brand new gallery. This one is setup as a single site. I still kept the data loacted in the same place as before. I tried to make it so the only change was to go from multi to single site. This version worked perfect, one time. It then behaved exactly as the multisite did. I then used 640x640, 1024x1024 and it worked every time. I then went back to the original multisite, and set it for 640x640, 1024x1024, and it works.

I think it is because of this line in the theme.inc. I changed the 650 to 810 and all is good.

* Use width/height max=650; */
$lboxMaxEdge = 810;
$resizedEdge = NULL;
$resizedId = NULL;

It looks better with the 640x640 for most monitors, but I would need to rebuild a lot of images to 640x640 to do this.

Thanks again.

here is the original multisite link
http://www.rileyweb.net/G2_Test1/

here is the single site link
http://www.rileyweb.net/gallery2test2/

I really love this theme and I have been using it for some days now. But today, suddenly I get this text on the photopage (not on album/thumb pages):

Notice: Undefined index: g2_imageViewsIndex in /home/damaxa/g2data/smarty/templates_c/%%980219304/%%35^35E^35E47CF8%%photo.tpl.php on line 107

Line 107 in the mentioned file reads:
<?php if ($_GET['g2_imageViewsIndex'] != 1): ?>

What does this mean??
I can't get rid of it.. I even tried to install a brand new copy of gallery2, with it's own new mysql database.. And still I get the message.. If I change to another theme, for example matrix it's no problems.. please help me !!

lvthunder,

Sorry I missed that detailed explination.

Thanks again for the help, and the theme.

Oh.. I fixed it...
Log errors was on in php.ini

so.. something is still wrong.. but it works fne now when I turned it off ;)

Thanks anyway!!

Well I don't know how to fix that problem S1L1CON but I do know of a work around. Make another theme the default theme. Then on the greypop tab add the search box to the sidebar. Then make the greypop theme the default theme.

In the meantime I'll try to figure out what the problem is.

Did you switch to the classic theme then click the greypop tab and add the search there or did you add it to the classic theme?

Without a link it is next to impossible for me to help you out lifesayko. PM me the link if you don't want it public.

nevermind about the issue below.

View Photo Page
' rel="lightbox[photos]">

i see what you mean about the "'" in the title.