Module: Thumb navigator - 1.8

Working now, not sure what fixed it...

I cant enable the sidebar block module, I check the box to enable it and click update, and it refreshes the page with the module still disabled.

Sidebar block: Adds thumb navigation option in Photo View.
Version 1.7

Adds support for FancyBox Media Viewer.
Version 1.5

Adds keyboard navigation to the gallery.
Version 1.9

Grey Dragon Theme - 3.0.6

Gallery -
Version: 3.0.1 (Menlo Park)
Albums: 13
Photos: 432

Platform information
Host name: LPA1137
Operating system: Linux 2.6.32-21-generic-pae
Apache: Apache/2.2.14 (Ubuntu)
PHP: 5.3.2-1ubuntu4.7
MySQL: 5.1.41-3ubuntu12.10
Server load: 0.16 0.08 0.04
Graphics toolkit: imagemagick

I use a modified version of Thumbnav 1.7 on my site which maintains the aspect ratio of the thumbnails. The thumbs are centered on a black background with thinner gridlines between blocks.

screenshot:
[img]http://i.imgur.com/83Zen.jpg[/img]

Below are the code changes if anyone is interested.

modified thumbnav.css:

/* Thumb Navigator ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.g-thumbnav { text-align: center; padding: 0; }
.g-navthumb { background: #000; filter:alpha(opacity=55); opacity:.55; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)"; }

.g-thumbnav ul { display: inline-block; padding: 0; margin: 0 0.5em; }
.g-thumbnav li { width: 60px; height: 60px; float: left; border: transparent 1px solid;}
.g-thumbnav li.g-current { border-color: #ddd; }

.g-thumbnav li.g-current .g-navthumb,
.g-navthumb:hover { background: #fff; filter:alpha(opacity=100); opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

diff of changes to thumbnav_block.php:

--- old_thumbnav_block.php      2011-05-23 20:36:49.000000000 -0500
+++ thumbnav_block.php  2011-05-23 20:36:59.000000000 -0500
@@ -45,13 +45,38 @@

           for ($i = $first; $i <= $last; $i++):
             if ($i == $current):
-              $content .= '<li class="g-current">';
+              $content .= '<li class="g-current" style="margin-bottom:0px;">';
             else:
-              $content .= '<li>';
+              $content .= '<li style="margin-bottom:0px;">';
+              $content .= '<a href="' . $siblings[$i - 1]->url() . '" title="' . html::purify($siblings[$i - 1]->title) . '" target="_self">';
             endif;
-            $content .= '<a href="' . $siblings[$i - 1]->url() . '" title="' . html::purify($siblings[$i - 1]->title) . '" target="_self">';
-            $content .= $siblings[$i - 1]->thumb_img(array("class" => "g-navthumb"), 60);
-            $content .= '</a></li>';
+
+            list ($height, $width) = $siblings[$i - 1]->scale_dimensions(60);
+
+            if ($height < 60):
+              $margin_top = intval((60 - $height) / 2);
+              $height = 60 - (2 * $margin_top);
+              $extra_attrs["style"] = "padding-top: {$margin_top}px; padding-bottom: {$margin_top}px;";
+            elseif ($width < 60):
+              $margin_left = intval((60 - $width) / 2);
+              $width = 60 - (2 * $margin_left);
+              $extra_attrs["style"] = "padding-left: {$margin_left}px; padding-right: {$margin_left}px;";
+            endif;
+
+            $attrs = array_merge($extra_attrs,
+                array(
+                      "class" => "g-navthumb",
+                      "src" => $siblings[$i - 1]->thumb_url(),
+                      "alt" => $siblings[$i - 1]->title,
+                      "width" => $width,
+                      "height" => $height)
+                );
+
+            $content .= '<img' . html::attributes($attrs) . '/>';
+            if ($i != $current):
+              $content .= '</a>';
+           endif;
+            $content .= '</li>';
           endfor;
         endif;

Is best to start one by one
Pick one module, activate it
What theme do you use?
Are modules unpacked in right location?

thumb navigator is only visible in Photo page
you should see it as available block in Manage Sidebar. If not it means that problem is with upload
module folder goes into "modules" folder of the gallery and you should see something like this

gallery or gallery3
- modules
-- thumbnav
--- module.info

if your tree is any different below gallery, it means you have uploaded it wrong

I do not think it is...
clues:
* no sidebar module called "Navigator" mentioned
* ThumbNav module is first in the list (image 2)
* Folder name is in cammel case, try renaming it to lower case. (image 3). Any unicode chars in the folder name since you created it by hand?

I will suggest the following:
* download module's ZIP
* delete your current folder for Thumbnav
* unpack it. since it is windows enviroment, make sure that no new folders created by unzip process on its own. you would notice that "thumbnav" module is there by default.
* copy folder as is.
* activate it
* check if "Navigator" sidebar module is now present
* ...

thank you for this module. nice.

i have found one bug:

thumbnav does not honor the user-rights to folders, meaning it reserves a slot for a folder, has an active link to it, shows alt/title but no thumb-image. in my intended usage this is very disturbing because i want my gallery mostly folder-free, but would use one or two folders accessable only to me for administration purposes. take a look at my test-install to see what i mean:

http://bilder.grubernd.at

on the same topic i would really like to have an option in the admin-section to hide folders from thumbnav altogether.

@grubernd: Ok, there it goes
this is unofficial release for you to test
let me know if it working and I will publish it

Edit: attachment removed

I see it, you are talking about paging... will check on that
Pagination in the theme itself, interesting did not see it like that
I usually put all protected items in the end of the list, so it just become irrelevant will check

i think you did it. awesome!! thanks a lot for work, highly appreciated.

i'll follow up on the paginator in the correct thread of the theme.

Is there any hope to seeing the feature suggested (and with patch!) in comment http://gallery.menalto.com/node/95116?page=1#comment-374741 ?
My gallery has many portraits, and the thumbbar would be very useful, but with all the faces resized, it is quite odd...

Goulou.

not sure what you mean.
this is pure kbd based functionality, no visual aspects

Serge
_____________________________________________
Photo Gallery | GreyDragon Theme | Follow on Twitter

argh, brain freeze... mixed with kbd-navigator module

no, I do not plan to support pagination yet. I know what you mean though
about aspect ratio, it is possible, I just did not have time to implement it.
but there is a hack mentioned above - http://gallery.menalto.com/node/95116?page=1#comment-374741

Serge
_____________________________________________
Photo Gallery | GreyDragon Theme | Follow on Twitter

Can I display thumbnails at "re-size thumbnails" instead of "square thumbnails"?

Thanks.

there is no autoresize option but if you scroll up you will see hack to use actual image ratio

Serge
_____________________________________________
Photo Gallery | GreyDragon Theme | Follow on Twitter

Can you tell me how to do this?

Yes.

Thanks for that tip.

Here is why I want to use your module: http://gallery.menalto.com/node/107076

Thanks.

perfect! please let us know when next update is avaialable.

it will not work like that, sorry.
still trying to understand what you are trying to achieve

Serge
_____________________________________________
Photo Gallery | GreyDragon Theme | Follow on Twitter

you need to make CSS changes (probably adding it into custom.css, if you use GD)

Serge
_____________________________________________
Photo Gallery | GreyDragon Theme | Follow on Twitter

url needed to suggest precise changes

Serge
_____________________________________________
Photo Gallery | GreyDragon Theme | Follow on Twitter

Closest I've got after quick look - add the following in your custom.css

#g-thumbnav-block .g-block-content, #g-thumbnav-block-inline .g-block-content { width: 230px; }
.g-navthumb { width: 112px; height: 112px; }

Serge
_____________________________________________
Photo Gallery | GreyDragon Theme | Follow on Twitter

I am looking to introduce this as an option

Serge
_____________________________________________
Photo Gallery | GreyDragon Theme | Follow on Twitter

Attached are the changes I made to integrate my customizations with Thumbnav 1.8:

• same modified thumbnav.css as for 1.7
• diff of changes to thumbnav_block.php