Micro-Thumb Photo Navigation!

fryfrog

Joined: 2002-10-30
Posts: 3236
Posted: Sat, 2005-03-12 14:22

Microthumb Nav Version: 0.3.7
Gallery Version: 1.5 Final
Status: Working Great!
Current Zip: http://fryfrog.com/gallery-mods/nav-micro-thumb.zip
Current Diff: http://fryfrog.com/gallery-mods/nav-micro-thumb.diff

Latest News: Thanks to Joe7pum for two ideas for easy fixes that make things a little better. The mini-thumb album tree will ONLY display images. So sub-albums with no highlight will NOT show at all. This would mainly be brand new sub-albums, but could be a sub album broken after a migration or something and the highlight thumb just doesn't get built. Looks better than the text "No Highlight" in your album tree. The other fix is to NOT display the "sub-album" text when there are no sub-albums just like the other tree AND it should now obey language.

Demo: Here is the Latest version I am working on. You can log in with the username "demo" and password "demo" to this album and play around with the settings. Just in case something is broken, you can see a simple example at my Personal website.

Warning: *Update: really, its finished*
I would suggest that you only test this out on a clean copy of Gallery 1.5 that is not attached to your real /albums/ directory. While I am developing it, I have installed a clean copy of 1.5. I install gallery to /gallery-clean/ and I copy my current /albums/ directory to /albums-test/. I usually then delete a ton of the albums via gallery's web interface because I don't want to have to sit through the upgrade on 10,000 images.

This will also keep me from being responsible for deleting all your images and killing your first born child. Thanks.

Features:

  • Optional replacement of the sub-album tree on the main page, using micro thumbs instead of the album tree. Displayed in the comments area instead of the right side of the screen.
  • Includes two styles of micro thumb navigation. One where as you navigate through images, the entire bar re-orients itself with the current image in the middle. The other keeps the same group of thumbs until it is required that they change to show more thumbs (ie, clicking first/last thumb in group).
  • Provides an option to gallery's original individual photo navigation system that features very small thumbnails of the images around the currently viewed image.
  • Options to turn on/off micro thumb nav, display the first/last micro thumb, control the number previous & next micro thumbs, position of the micro thumb bar, size of the micro thumbs and the size bonus given to the current thumb.
  • Integrated into G1.5, including the Config Wizard, Album Properties and Album Upgrader.

Settings:

  • Replace album tree with micro thumbs [yes, no] - Replaces the album tree with a micro thumb version. This option is found in step 1 on the "Main Gallery Page" options tab.
  • Use Micro-thumb photo navigation [yes, no, both] - Specifies the use of the original navigation system, micro-thumb system or even both!
  • Micro thumb style [Fixed, Dynamic] - Fixed style keeps the micro thumbs in the same position until required to show more. Dynamic changes the micro thumbs at each image change.
  • Show Micro Thumb for First/Last [yes, no] - Turns on and off the display of the first/last micro thumb.
  • Number of Previous Micro Thumbs [1-10] - Sets how many previous micro thumbs are displayed. Note: In Fixed style, Prev and Next are added to determine the number of thumbs shown
  • Number of Next Micro Thumbs [1-10] - Sets how many previous micro thumbs are displayed. Note: In Fixed style, Prev and Next are added to determine the number of thumbs shown
  • Position of micro-thumb navigation bar [Top, Both, Bottom] - Since the
    micro-thumbs are quite a bit larger than the original photo nav bar, I added the option to display it only at the top and bottom (or both) if the user wishes.
  • Height of micro-thumbs in navigation bar [text field] - This is how many pixels tall the micro-thumbs are. I think 45 looks nice, but maybe you don't like that.
  • Bonus to height of current micro-thumb (pixels) [text field] - If you have the current image thumb on, things look much better if it is slightly larger. This way you can pick how many more pixels it is. 0 and negative values are perfectly valid. 0 will result in the current image micro thumb being no bigger and negative numbers will result in a smaller current image micro thumb.

Installation:
There are two main ways you can install this addon/modification. You can apply the patch file to a clean (or maybe unclean) version of 1.5. The other option is to download the modified files and over-write the current ones. The first method works best for people who already have gallery 1.5 installed AND have modified the files that I modified. The second option is best for pretty much anyone else, especially if you didn't really understand the first one. I will call the former "Diff" and the latter "Zip".

Zip: (ignore if you use Diff)
1) Download the zip from my website. This will always be the "latest" version.
2) Extract to website. If you use FTP, extract locally and upload being sure to include the directory structure. It should ask you to overwrite files, go ahead. If you use SSH, you probably already know how to do this. Just unzip into your gallery directory and you should be fine.

Diff: (ignore if you use Zip)
1) Download the diff from my website, putting it inside your /gallery directory is probably the best place for it. This will always be the "latest" version.
2) Test the application of the patch using the command "patch -p1 --dry-run < nav-micro-thumb.diff" and look at the output.
3) If the patch won't apply and asks for a file name, try changing the "-p1" to "-p0" or "-p2" (you can try higher if you want, but only 0 is really likely to help)
4) If you see it saying something about making .rej files or can't apply chunks, this means the whole patch won't apply... only parts. You can do the rest by hand OR just use the zip version.
5) If all of this went well, repeat the command that worked best for you but remove the "--dry-run". You are ready to move on now.

Both:
1) !!!Most Important Step!!! Open your Version.php file and find the two options inside near the top. The following is from a 1.4.4-pl6 gallery, so your values may be a few off from mine. That is okay. All you have to do is add 1 to each of these two. For example; config_version's 82 becomes 83 and album_version's 31 becomes 32. What this does is two fold. The "config_version" forces you to run the config wizard, where you will have to pick new defaults for the Micro Thumb Navigation. The "album_version" forces the album upgrader to run and put the new values in all your albums.

$gallery->config_version = 82;
$gallery->album_version = 31;

This is what happens if you do NOT do this: If you don't bump either version, you will see errors in quite a few places. If you bump the config_version but NOT the album_version, you will still see the errors. If you bump the album_version and NOT the config_version, any time someone visits an album you will get MY defaults instead of yours. So change these values! Do the config wizard, set your defaults and then be happy!
2) Be forced to visit the config wizard, paying attention for Step 3, "Micro Thumb Photo Navigation" tab where the settings are.
3) Either upgrade all the albums at once or start visiting albums and be forced to update them.

Issues:

  • If nav is set to Top only, the bottom nav bar is missing its top border and looks quite ugly/funny.

To Do:

  • Move First / Last to the far corners*DONE*
  • Static thumb bar that only changes when last prev/next in nav bar is clicked.*DONE*
  • Instead of X total images, have option box for X prev and Y next micro thumbs.*DONE*
  • Option to turn on/off display of last / first micro-thumb.*DONE*
  • Remove .jpg hard coding *DONE*
  • 2x Next/Previous *DONE*
  • Thin frames around micro-thumbs, thicker one around current micro thumb. *DONE*
  • Insert new values when album.dat file upgrade is run *DONE*
  • New albums inherit default configuration from config.php *DONE*
  • Recursive settings application *DONE*
  • Allow default configuration to be set in wizard / config.php *DONE*
  • Add Next, Previous, Last and First text *DONE**REMOVED*
  • Clean up if statements *DONE*
  • Current thumb in middle *DONE*
  • Variable for micro-thumb size *DONE*
  • Variable to turn micro-thumbs on/off *DONE*
  • Variable for location of nav bar *DONE*
  • Variable to turn on/off current image thumb *DONE**REMOVED*
  • Variable to change current image size bonus *DONE*
  • Allow configuration through album properties *DONE*

Suggestions:

  • Verticle thumb bar with option for left/right side.
  • Every thumb in the album in a horizontal scroll box at the top.
  • Turn on/off text of links by the current icon / text / text + icon setting
  • Put Prev/Cur/Next images between corners related to how far along album you are

[/]

[/]

[/]

[/]

[/]

AttachmentSize
nav-micro-thumb-0.3.4.zip89.41 KB
 
fryfrog

Joined: 2002-10-30
Posts: 3236
Posted: Sat, 2005-03-12 14:28

Screenshots:

New Configuration Wizard Tab
[img]http://mirror.fryfrog.com/MicroThumbs/aan.thumb.jpg[/img]

New Settings on Album Properties popup page
[img]http://mirror.fryfrog.com/MicroThumbs/aaq.thumb.jpg[/img]

Main page with sub-album micro thumbs
[img]http://mirror.fryfrog.com/albums/MicroThumbs/aao.thumb.jpg[/img]

No first/last with 2 previous and 2 next
[img]http://mirror.fryfrog.com/MicroThumbs/aap.thumb.jpg[/img]

First & last with 4 previous and 4 next
[img]http://mirror.fryfrog.com/MicroThumbs/aam.thumb.jpg[/img]

First & last with 2 previous and 3 next
[img]http://mirror.fryfrog.com/MicroThumbs/aal.thumb.jpg[/img]

You can find the album with the screenshots here

 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Sun, 2005-03-13 07:57

fryfrog,
I have thought about doing this for some time and I am glad that you have taken the lead. It looks very good and I like it.
I have visited on a few occations and it seems to be a work in progress (some times I get a error message) however from what I see (only once) I like!

Variable to turn micro-thumbs on/off I think this would be good on a per album basis
As a pointer for this just add a new album peramiter to edit_appearance.php
$gallery->album->fields["nav_thumbs"] = $nav_thumbs; then further down add something like:

<?php
		if (empty($gallery->album->fields["nav_thumbs"])) {
			$gallery->album->fields["nav_thumbs"] = "no";
		}
?>
<tr> 
	<td><?php echo _("Show or Hide small thumbs in navigation") ?></td> 
	<td><select name="nav_thumbs"><?php echo selectOptions($gallery->album, "nav_thumbs", array("no" => _("Show"), "yes" => _("Hide"))) ?></select></td>
</tr>

I might have missed a bracket but you get the idea.

Then in the place you want to add your thumbs do something like

if strcmp($gallery->album->fields["nav_thumbs"],"yes") { 
bla;
bla;
}

Copies of the modded files would be helpfull as well as some people don't "do" diffs.

Dave

 
fryfrog

Joined: 2002-10-30
Posts: 3236
Posted: Sun, 2005-03-13 08:13

I'm done messing for the night. I think tomorow at work I will install a clean copy of gallery and get it working properly and add what I can. Right now I don't like that its hard coded, but I am having trouble figuring out how to use getthumbbyid(). I'll work on it :)

 
fryfrog

Joined: 2002-10-30
Posts: 3236
Posted: Mon, 2005-03-14 04:12

I re-did it all for 1.5 RC2, see original post.

 
fryfrog

Joined: 2002-10-30
Posts: 3236
Posted: Mon, 2005-03-14 10:01

I corrected a pretty big bug where I set the default value of an album to the default value from config.php... then set it to the value of some random number i choose. Oops.

 
fryfrog

Joined: 2002-10-30
Posts: 3236
Posted: Tue, 2005-03-15 04:13

I added 2 more variables to the entire setup, one for a "style" and one for turning on/off the "extra micro thumbs" option.

I really really really need help with 2 things now. First, I really suck at html, css and tables. I know HOW I want the three styles to look but I don't know how to do it. Second, I still need to re-do the whole retrieval of thumbnail URL because hardcoding sucks!

Here is how I want each of the 3 styles to look (of course the [Previous +2] and [Next +2] would not be displayed if it was off). You may have to use your imagination a little, but the <space> represents the majority of the empty space that exists (no matter how much there is). I could really use some help with this part :)

Classic:

[First] [Previous +2] [Previous] <space> [Current] <space> [Next] [Next +2] [Last]

Compressed:

<space> [First] [Previous +2] [Previous] [Current] [Next] [Next +2] [Last] <space>

Mixed:

[First] <space> [Previous +2] [Previous] [Current] [Next] [Next +2] <space> [Last]
 
fryfrog

Joined: 2002-10-30
Posts: 3236
Posted: Wed, 2005-03-16 09:18

I am still working on it and this is a big update.

I removed the option for "styles" because it was to hard and not worth the effort. Instead I worked on creating one style that was intelligent and still flexible.

I change the "extra thumbs on/off" option to a total visible thumbs list that has 5, 7, 9 and 11 as possible values. I also removed the option to display the current thumb, since with the possibility of so many micro-thumbs it would be almost impossible to tell where you were. I also changed its border to RED to make it obvious.

Another big bug I fixed was that the values were not applying recursivly like they should have. Fixed that!

 
fryfrog

Joined: 2002-10-30
Posts: 3236
Posted: Wed, 2005-03-16 11:28

I have redone my first and second post with lots of good information. And a poll. And I attached the latest files in case someone doesn't want to get them from my server (or my server is down, like that could ever happen!).

 
fabien

Joined: 2004-12-18
Posts: 18
Posted: Wed, 2005-03-16 12:11

fryfrog ,

Do you have any plan to display one micro thumb for each picture in an album (i.e. unlimited number of micro tumbs) with an horizontal scrollbar to navigate in the micro thumbs list ?

Fabien

 
fryfrog

Joined: 2002-10-30
Posts: 3236
Posted: Wed, 2005-03-16 13:18

I added your suggestion to my list of suggestions, but I did not have any plans to do anything like that. There are a few reasons why that would probably not work very well, the main one though is the following:

The main reason is that those "micro" thumbs are actually the normal thumbs found in your gallery, but forced to a specific height in the <img> tag. This means that even though the image is only 45x60 pixels (for example) you are still downloading the full thumb which (in my case) is 220px and ~5k. So you can see that all the images in an album could be disasterous for a user... especially if there are 100's or 1,000's of images in one folder.

To do this, I think I would need to create a new system in gallery that actually MADE .micro.jpg files for every image in the gallery. This isn't an unreasonable idea, because they could be used in plenty of other places to spruce up gallery.

I'll keep your suggestion in mind, in the mean time crank it up to 11 thumbs and enjoy that.

 
fabien

Joined: 2004-12-18
Posts: 18
Posted: Wed, 2005-03-16 21:56

fryfrog

Thanks a lot for the quick reply. I agree with you concerning the time it may take to load all the thumbs for a given album in case the album contains a lots of pics.

One other idea would be to keep the horizontal scrollbar to visualize all the micro thumbs belonging to the album page that contains the picture currently viewed.

The time it would take to download those thumbs would be the same as the one it takes to visualize the corresponding album page.

In order to move to the next or previous album page while viewing a picture, the user should for instance be able to click on a special micro-thumb located at the extreme left (for previous page access) or extreme right (for next page access) of the micro thumbs currently displayed above the horizontal scroll bar.

I hope I could make myself clear enough... Please ask if not :wink:

Cheers,

Fabien

 
fryfrog

Joined: 2002-10-30
Posts: 3236
Posted: Thu, 2005-03-17 00:32

I like the idea, but it would probably take me a long time to create. I think once I get the code re-factored to be intelligent (instead of hard coded) I will probably only fix bugs. If I can get up the courage, I will probably start working on something like this for G2, where all these options would be much easier to implement due to its moduling system. I think you are right about using the # of images per album page, that would definatly restrict it to enough images while not overloading the users bandwidth.

 
fryfrog

Joined: 2002-10-30
Posts: 3236
Posted: Fri, 2005-03-18 04:18

Floridave posted this to my SF patch.

Quote:
I really like this functionality and it would be better if the micro
thumbs would use there own (imagexx.micro.jpg) image and
not the sized image.
I look forward to this in 1.5.1!

I totally agree, creating new functions for micro thumb generation and fetching would be THE way to go. That would be my next step, IF I felt that I was going to stay with G1 for a while... but I think it would be more worth the effort to learn G2 and create a good G2 micro-thumb module.

If anyone would like to help me with this for G1, I would love to do it :)

 
fryfrog

Joined: 2002-10-30
Posts: 3236
Posted: Wed, 2005-03-30 04:09

I removed the hard coded paths to thumbnails. This was my last major hurdle. Now I guess I need to clean up some of the display code and possibly work on some of the suggestions of other people.

 
fryfrog

Joined: 2002-10-30
Posts: 3236
Posted: Wed, 2005-03-30 06:11

Should I look into putting this into micro thumb nav? Basically it puts micro-thumbs of the sub albums onto albums.php

 
fryfrog

Joined: 2002-10-30
Posts: 3236
Posted: Wed, 2005-03-30 07:08

I added sub album micro thumbs to the albums.php (main) page. If you have albumtree set to 0, neither will show of course. If you set it to 1 and have micro thumbs on it will show the micro sub album thumbs instead. If you have micro thumbs off and albumtree set to 1, it will show the normal album tree.

I also added a screenshot of it to the second post (with all the screen shots).

 
fryfrog

Joined: 2002-10-30
Posts: 3236
Posted: Wed, 2005-03-30 11:57

I made a small update that fixed a bug with the sub-album micro thumbs on the main page. I also added a <span> that will show the title of the album and number of hits if you hover over it.

I still need to add an option to turn this on and off seperatly from the album tree and micro-thumb nav. It looks a little funny to me sometimes :)

 
firepol
firepol's picture

Joined: 2004-05-19
Posts: 99
Posted: Wed, 2005-03-30 14:28

I patched my modified 1.5-RC2 gallery with your mod v0.2.9: http://www.pbworks.net/gallery/

It works great, but not for albums with only 2 pictures. I discovered a bug.

Click on a picture of this album: http://www.pbworks.net/gallery/lugano

and see the following error:

Quote:
Error: Requested index [-1] out of bounds [3]
Fatal error: Call to a member function on a non-object in /home/paul/www.pbworks.net/gallery/classes/Album.php on line 1317

I really like the migrothumbs. Thanks for your work!

 
fryfrog

Joined: 2002-10-30
Posts: 3236
Posted: Wed, 2005-03-30 20:58

Thanks, I think I can catch this when I set up your idea for setting the number of next and number of previous images. I also noticed in an album with just 3 or 4 images, a duplicate of the first/last may be shown.

 
firepol
firepol's picture

Joined: 2004-05-19
Posts: 99
Posted: Wed, 2005-03-30 23:13

Testing your mod another idea came to my mind. What about a "blog-style version" of your microthumbs navigation? I mean a vertical list on the right.
In this case a cool thing would be (here I describe a scenary) to see let's say 12 thumbs, but you don't get the one that you are watching centered. The list of thumbs stay fixed, so it's easier to have the orientation. The visitor clicks from the top microthumb to the bottom, to watch each picture. When he arrives at the bottom, he can click an arrow pointing down (the famous "see next pictures..." link i was suggesting you) and see the next 12 thumbs.

This would be useful as I noticed that usually, to go next, the user has to click also if he isn't interested in a picture, just to see the next thumbs. With such an arrow, he would click to get more choices, to see what's next.

In the navigation, I also noticed that the standard Gallery > Album > Subalbums links are quite useless and rarely used.

Especially the link to the album root shoould be highlighted, so that people would click it in order to see all ther thumbs at one glance.

I guess this can be done by changing the template files. But I posted it here as the microthumbs rich and useful navigation is making that link almost useless. Just my thoughts...

 
fryfrog

Joined: 2002-10-30
Posts: 3236
Posted: Tue, 2005-04-05 07:49

I have grabbed a clean copy of RC3 and applied my patch to it. There are no failures, but a few items were offset. I re-made patches and zip files for RC3. See first post!

 
fryfrog

Joined: 2002-10-30
Posts: 3236
Posted: Wed, 2005-04-06 08:07

Okay, I have made a really really big update.

I've added a few new options and altered the way things work. I moved my code into a "navmicro.inc" so that the nav bars would be easier to draw.

Changes:

  • Instead of picking a total number of micro thumbs, you now set the number of previous and next micro thumbs independantly. This means if you think your users would rather have 4 next thumbs and 1 back, you can.
  • Displaying the first/last image is now something you can turn on/off
  • You can display the old nav bar at the same time if you wish
  • You can display micro thumbs for the album tree on the main page instead of the traditional album tree.

This included a pretty major code re-write... and things are now much much simpler.

I also updated the screen shots, they should show up in an hour or less (after my mirror rsyncs again).[/]

 
firepol
firepol's picture

Joined: 2004-05-19
Posts: 99
Posted: Wed, 2005-04-06 11:52

Nice work fryfrog, that's a good news that there is the new option to remove the first and last pictures, and to choice how many picture to show (back) and (next).

What I don't like, and that you changed from the last version, is that it's no more possible to show 11 thumbs at once.

I think you should correct the Number of previous / next micro thumbs selection fields and let the user choice from 1 to 11, in both cases (prev/next) as he wants to.

My ideal configuration (in my personal gallery) would be:
Show first & last micro thumb: no
Number of previous: 1, number of next: 10
with the actual options i van select maximum "4" number of next...

I will test your new modification as soon as possible on my gallery and share my impressions ;)

 
fryfrog

Joined: 2002-10-30
Posts: 3236
Posted: Wed, 2005-04-06 20:44

Sure, I can easily add 1-11 instead of 1-4. For goofing around, you may just be able to change the value in config.php (but not select it in the wizard or edit_appearance).

 
fryfrog

Joined: 2002-10-30
Posts: 3236
Posted: Wed, 2005-04-06 23:08

I've bumped it up to up to 10 next/prev. It was a much more rounded number than 11 :)

You can see an example of first/last off, 1 prev and 10 next here.

 
fryfrog

Joined: 2002-10-30
Posts: 3236
Posted: Thu, 2005-04-07 03:33

I just make changes so that I can bump my own thread :)

I went and re-organized the albums in my clean album to give a much better demonstration of the different features. There is even an area you can log in to with user of "demo" and a password of "demo". You can find it here.

 
firepol
firepol's picture

Joined: 2004-05-19
Posts: 99
Posted: Thu, 2005-04-07 17:55

Well done, now it's really customizable to fit also needs of "custom" users like me ;)

More I try your micro thumbs modification, and more ideas come to my mind. I understand that your initial idea may already be satisfied... anyway, I tell you:

did you read my suggestion about the "blog version"? Maybe "blog" is misleading you. Here i develop my idea again:

The idea came when I saw the customization of "number of prev" & "number of next": what about making one more option to select "number of thumbs in the static bar page ?

with "bar" I mean the navigation bar at the top, containing the microthumbs. With "static", keep reading the following:

With 0.28 version it was only possible to select the microthumbs, so the viewed one was always centered.

Now if I do e.g. "number of next=2" and "number of prev=10" it will be decentered, like here: http://fryfrog.com/gallery-clean/Demo2

What would be nice is to let the user deactivate the "Show first & last microthumb" option, and to have a new option to activate "Use static micro thumbs bar". + an option to select the number of microthumbs to show in the static bar.

Now the bar is dynamic, because it's "regenerated" each time a new picture is clicked, in order to correctly show the "next pictures" (next pictures is dynamic).

The nice option I'm suggesting is to let the bar be "static": like a page. This would solve the unelegent problem that if you choose to show 2 prev and 10 next, the picture actually clicked results in a bordered microthumb at the left. With such a static bar, the pictures in the static bar don't change till the user arrives at the last one and clicks "next".

I will make an html example, so that you see my idea in action... I'll post here my example...

Just let me know if it's a pain to add such a new option... in this case I won't bother you with this and new ideas. But if you are open, you can do a customizable module that could satisfy different needs, and this won't be bad at all ;)

Cheers,

Paolo

 
fryfrog

Joined: 2002-10-30
Posts: 3236
Posted: Thu, 2005-04-07 20:41

I see exactly what you mean. Instead of the micro thumbs changing each time you move along, they stay the same. It could remain this way until you click on the last "next" or "previous" thumbnail, at which point a new bar would be drawn. This would save a lot of load time until you have to draw the bar again.

I can't think of how I would do this with the current bar, code wise I mean. If you have any ideas, specific or general about how to achieve it (code wise, again), I might be able to do something like that.

The number of options just keep growing and growing and growing :)

 
fryfrog

Joined: 2002-10-30
Posts: 3236
Posted: Fri, 2005-04-08 10:04

I created two new test albums which contain a few hidden images. I had neglected to test if it would accidentally display hidden images. Fortunatly, it does not :)

 
firepol
firepol's picture

Joined: 2004-05-19
Posts: 99
Posted: Fri, 2005-04-08 23:12

unluckily actually i have barely time to be a beta tester. i really can't stick in the code... (but i'd like to). as u r the developer of ur modification i think u should know better than me how to code the array containing the list of all thumbnails.

what about making an array containing subarrays, where every subarray contains the number of microthuimbs specifies in the options?

so each time a user clicks "next" he will get the new bar, with the next array.

im not sure what else could be done... or how to do it in PHP... just my thoughts....

 
fryfrog

Joined: 2002-10-30
Posts: 3236
Posted: Fri, 2005-04-08 23:16

Okay, I think I can probably figure something out. Now, how would you work my current options in to use it? I don't want to add yet ANOTHER "number of thumbs" option, so should I add the prev/next together?

I'll of course have to add a new option for the "style" of it, but I am not sure what I should do for the number of images shown. Either add the two up or use just the next or just the previous maybe?

 
firepol
firepol's picture

Joined: 2004-05-19
Posts: 99
Posted: Fri, 2005-04-08 23:44

i suggested to make a new option in order to keep it flexible. i know it will become really exaggerated flexible, but something important as navigation of a website, OMO should be as flesible as possible and be adapted to each website's needs.

what happens if you replace the old system with the new one is that you'll make ME happy, but maybe *some* other users of the micro thumbs modification will not like it...

anyway, if you want my opinion, so here i am:

if you do the way i suggested (have a static bar instead of the actual dynamic one), you should also remove the option to show the first and last thumbnail, because, instead, there should be at the left an arrow to see the PREVIOUS "page of microthumbs" and at the right: an arrow to see the NEXT page of microthumbs.

Then, instead of having the "Number of previous / next micro thumbs" you should have the old option "microthumbs to show": 5, 7, 11.. or better: a list from 3 to 12 more than 12 i think it's too much, depends on the resolution ppl are browsing, but for a default 1024x768, browsing full screen size, 12 is the limit).

The correct behaviour when a user clicks next is to load the first picture of the next serie of microthumbs.

I would rather do a new option, so that people can decide which sort of navigation to use: a static bar (like the one I suggested in the last posts), or a dynamic one (like the actual one).

 
floridave
floridave's picture

Joined: 2003-12-22
Posts: 27300
Posted: Sat, 2005-04-09 02:59
wrote:
The correct behavior when a user clicks next is to load the first picture of the next series of micro thumbs.

I like this idea. But in order to be in the next version of gallery you have to look at the broad picture./ You have to please "most of the people" and still not take away from the original functionality.
This is the big question. The album properties is getting to be VERY long already and Tim_j is working on "TABing" it like he did for the config wizard. So if this is going to be in 1.5.1 we have to come consensus as to what will go in the "micro-thumb" TAB.

Remember that stats.php evolved into 1.5 and now has its own "config" page. I don't think this needs that but if we don't set some guidelines it will get out of control.

I can tell you from experience that TOOOO many options just confuses the user and makes the support staff overwhelmed. perhaps the KISS (keep it simple stupid) method should apply here and since 1.5 is coming to the end a more complex "modual" for G2 is in order.

I have come up with some ideas that are deployed widely but have never made it to the "core". This is one that should make it to core... as I think it has merit but needs just a wee bit more feedback than has been seen.

Perhaps this is because of the amount of changes required ( 5 core files +2 more) and that the "new" template system was to remedy some of the shortfalls.....This is a big holdback for some users...... but it seems that the in order to get the look and feel one requires of G21 is that the "core" files have to be modded to get the feel.

Comments?

Dave

 
fryfrog

Joined: 2002-10-30
Posts: 3236
Posted: Sat, 2005-04-09 06:44

I've done another pretty major revision. With much help from beckett, I implemented Firepol's idea. I only added 1 more option, which lets you select the style of "Fixed" (new one) and "Dynamic" (old way). It determines the number of photos in the block by adding up prev and next.

The way it looks is really starting to grow on me. Here is how it behaves. Imagine you choose to show 3+3 images (6) and are looking at the first image. This is what it looks like "[ 1 ] 2 3 4 5 6" but then you click on 4. Now you see "1 2 3 [ 4 ] 5 6". The bar doesn't change. Now you click on 6 (the last one in the bar) and it finally changes... now you see "5 [ 6 ] 7 8 9 10". You might ask why it doesn't just start at 6 instead of 5... and that is because if you click on 5 now it will take you BACK to the original group of 6 images. If you didn't have that 5 there, it would be hard to go backwards :)

For now, this album uses the new method and this one uses the old method. Its in the demo section, so someone might change it.

I like both of them, but think I am leaning tward the new style. It seems more stable while you are flipping through images.

The other HUGE update is that now there are some css options. This will let you change the color of the border around the current, first/last and the in between images.

 
Gaile

Joined: 2002-07-20
Posts: 1301
Posted: Sat, 2005-04-09 08:23

I really like this newest revision, definitely easier to follow as you are travelling thru the images. Nicely done, fryfrog!

This is something I think I'd definitely put to good use, it adds a really nice touch.

(love your tagline too... :lol: )

Gaile

 
firepol
firepol's picture

Joined: 2004-05-19
Posts: 99
Posted: Sat, 2005-04-09 10:06

fryfrog: as always: well done!

here my feedback, do you remember our discussion about "intuitive" about the fixed style? I think that the first time user could not understand, the first time he visits the gallery, that the last picture on the right is also a link to activate the next series of microthumbs.

That's why i was insisting with the arrows... anyway, another idea came to my mind... a design idea could be to put a semitransparent arrow, as layer, on the last picture of the series. If the user mouseover on it, the arrow would become more "colored" so that the user will understand that that picture is a link to the "next" page of microthumbs. Same for the "prev". This semitransparent arrow should appear only if there are next pics, if it's the really last one, no layer should appear.

Maybe you don't like to use layers, but it's the only way I know to do this. Else a simple arrow image could be added next to the last picture of the series.

With the dynamic version, this problem doesn't occur.

If you don't like that the album properties page has too many options you could include the "Micro thumb style" option inside "Use micro thumb photo navigation", as follows:

Use micro thumb photo navigation:

    no
    dynamic
    fixed
    dynamic+classic
    fixed+classic

But I personally prefer the actual way... it's easier to understand.

Thanks again for your nice work... and for listening my ideas ;)[/]

 
firepol
firepol's picture

Joined: 2004-05-19
Posts: 99
Posted: Sat, 2005-04-09 10:19

floridave: I understand what you said.

I agree with you that if this comes inside G1 (it would be great) it has to be simple, easy to understand etc.

Anyway, we are now in a "Customizing Gallery" thread, not in a "new feature to add in G1" thread... so till this is a customization, it can be customized as the users wish.

As I saw the potential of this new feature (that maybe lots of users won't see) I would prefer not to stop its development just "to keep it simple".

The navigation of a gallery could be customized in lots of ways. I've already seen lots of examples around and I like each navigation system a lot, so why should G1 provide only one boring (and simple) standard way to navigate across the picture?

This modification could grow much more, providing to the users the suitable navigation system to their gallery they want. Actually it's possible to use the classic G1 style, the dynamic microthumbs, static microthumbs, both of them (classic+microthumbs)... there could be more choices, do you see what I mean?

Even if a simple version of microthumbs nav will be added in G1.5.1, I'm sure lots of new ideas will come in this thread, and new customizations will be done (if not by fryfrog, by other users that see the need of do it, and want to do it).

Personally I've been lucky that fryfrog liked my idea and implemented it. But of course I understand that we could be close to the end of this modification... (who knows its future once it'll be implemented in G1.5.1?)
and that it would be better to stop do add new options...

This, my opinion...

 
fryfrog

Joined: 2002-10-30
Posts: 3236
Posted: Sat, 2005-04-09 10:33

I think once we have tabs like the wizard, it shouldn't be a problem. I WOULD like this to be integrated into 1.5.1 (or later) because it would mean less work for me to keep it current and I really do think a lot of people would use it.

I had thought about overlaying a transparent gif or something on the first/last image in a block... but I decided not to. I think you right that its not obvious, in the least how it operates... but I also don't think it has to be. If a user is using it to go through the thumbs, eventually they will click on the last thumb. When they do, it'll cause the thumbs to "change pages" and then I think most will make the intuitive leap.

Of course I am still open to ideas. I would like to reduce the number of options, but I don't quite see how. Your idea above would work, but it'd be quite ugly :)

 
firepol
firepol's picture

Joined: 2004-05-19
Posts: 99
Posted: Sat, 2005-04-09 10:43

Yep, I know it's ugly, that's why I told you i prefear the actual way to do it. If it can be tabbed like in Wizard, with a tab about microthumbs tab in the album properties, it would be perfect, with no more need to worry if there are 2 more options or if it's reduced to the minium (and maybe ugly).

 
fryfrog

Joined: 2002-10-30
Posts: 3236
Posted: Sun, 2005-04-10 02:23

If the style was set to "Fixed" and only 1 next and 1 previous were picked, a division by zero error would occur. I put in a check that automatically makes 1+1 = 3. A 3 image "Fixed" style behaves exactly like a 1/1 "Dynamic" style, so maybe I should make 1+1 and 1+2 = 4 :)

Bumped version and updated stuff.

 
fryfrog

Joined: 2002-10-30
Posts: 3236
Posted: Thu, 2005-04-14 05:07

I updated for 1.5

 
firepol
firepol's picture

Joined: 2004-05-19
Posts: 99
Posted: Thu, 2005-04-14 09:17

before updating to 1.5 and then apply the mod 0.35 im asking you what happens if i try to update a "non-clean" gallery version.

i want to apply from an already patched 1.5 RC2 version.

should i just apply patch + upgrade albums and it will work smoothly?

thx for letting me know

 
Herr.Vorragend
Herr.Vorragend's picture

Joined: 2004-07-16
Posts: 120
Posted: Fri, 2005-04-15 15:11

I just can say: GREAT MOD.

Thanx-a-lot.

It would be nice to implementate the names of the sub-albums on the startpage. (Perhaps near the micro-thumbs).

My visitors could not know, which micro-thumbs are associated with which sub-albums.

Could you addionally add the album-names to the alt-attribute of the images?

 
Herr.Vorragend
Herr.Vorragend's picture

Joined: 2004-07-16
Posts: 120
Posted: Fri, 2005-04-15 15:13

Do you have a list of the new css-classes?

IGNORE THIS. I found it in "base.css.default"

 
fryfrog

Joined: 2002-10-30
Posts: 3236
Posted: Fri, 2005-04-15 23:26

firepol, I don't think one patch will apply cleanly to an already patched version assuming you mean patched with my mod. Even when I do it, I start with a clean version of gallery and apply the latest patch I have.

In theory, you could grab a clean copy of RC2, apply the same version of the patch you used previously and a clean copy of 1.5 Final and apply my latest patch. Then you could do a diff between the two and apply it to your real RC2. Its a pita, but it'd work.

Herr.Vorragend, if you hover your mouse over a sub album, it should say its name and how many hits it has. Unfortunatly, I can't see a way to put the name of the album above/below the mini thumb and not have it take up tons and tons of space.

Any suggestions? Ooops, you do have a suggestion and a good one! I will make the alt-text the same as the "title" :)

 
fryfrog

Joined: 2002-10-30
Posts: 3236
Posted: Fri, 2005-04-15 23:41

Okay, 0.3.6 adds the alt-text (i could probably remove the <span> then?) and keeps IE from making the page look really ugly when there are lots of sub albums. You can see what i mean if you visit http://fryfrog.com/gallery

 
firepol
firepol's picture

Joined: 2004-05-19
Posts: 99
Posted: Sat, 2005-04-16 00:38

fry, what i have: g1.5-rc2 patched with your mod.

what i want to do: overwrite all files with the new g1.5.
then i'll overwrite the files with your zip version, or apply the patch. this should work, right?
what i mean is to upgrade the albums, should i do this step again or they are already ok?
ill try on my local version to be sure it works ;) my idea to upgrade seem to be easier than the one you are suggesting... make a diff of a clean and a non-clean one? what for? ;)

 
fryfrog

Joined: 2002-10-30
Posts: 3236
Posted: Sat, 2005-04-16 01:13

Ah, if you haven't made any custom mods to your RC2 install... you should be just fine extracting gallery 1.5 final over it, then extracting my zip file over it. Then you should bump the Version.php stuff and you'll be fine.

I don't know what the last version of my patch you used, i have added a couple options one or two minor versions ago.

I would let the album upgrader run :)

 
Herr.Vorragend
Herr.Vorragend's picture

Joined: 2004-07-16
Posts: 120
Posted: Sat, 2005-04-16 10:50
fryfrog wrote:
Okay, 0.3.6 adds the alt-text (i could probably remove the <span> then?) and keeps IE from making the page look really ugly when there are lots of sub albums. You can see what i mean if you visit http://fryfrog.com/gallery

Nice work. Now the alt-attribute is although working with IE

Thanks.

 
fryfrog

Joined: 2002-10-30
Posts: 3236
Posted: Mon, 2005-04-18 01:10

I removed the poll, there is some issue with un-logged in users and voting. I also added the suggestion of mini-thumbs for vote results.