.Mac web gallery theme

jureksa

Joined: 2008-02-16
Posts: 1
Posted: Mon, 2008-02-18 20:50

My preposition instead of lytebox for full view is Clearbox JS. Is fast and light and it has similar to flickr bottom scroller and perfect full view slideshow! Of course it has also keyboard control...
Check it on http://www.clearbox.hu/test.htm or http://sarota.net

 
erlis

Joined: 2004-01-16
Posts: 205
Posted: Tue, 2008-02-19 13:09

PEAR RC1 DONE!

Please let me know how it works for you.

jureksa: Documentation in English would be appreciated :), I'll look in to it and perhaps it will show up in the configuration options in RC2.

 
undertoe
undertoe's picture

Joined: 2008-01-31
Posts: 32
Posted: Tue, 2008-02-19 16:13

I got a flash/xml coverflow functional in a gallery theme. Not finished yet but here it is.

http://colt45.chemlab.org/photos/main.php?g2_itemId=2490

 
erlis

Joined: 2004-01-16
Posts: 205
Posted: Wed, 2008-02-20 07:33

undertoe: Please let me know the progress, looks interesting.

 
jacobdeane

Joined: 2008-01-22
Posts: 12
Posted: Wed, 2008-02-20 10:34

I have RC1 up and running on my site - looking good!

http://gallery.jdpictures.co.uk/

For some reason, the album skimming doesn't seem to work - not sure if this is a configuration problem at my end, or if I need some plugin enabled...

It also looks like I still haven't got those colour select images right, they have a small problem with the transparency... - I will update these ASAP.

For RC2, I presume we will try and get the top bar looking like the .mac web gallery - shouldn't be too hard!

Great work Erlis! This thing is going to be awesome!

 
erlis

Joined: 2004-01-16
Posts: 205
Posted: Wed, 2008-02-20 12:25

jacobdeane: It seems like you have some problems with the theme settings try to modify the settings and perhaps you'll find a working solution (I did notice that the image slider doesn't work either perhaps the same problem).

I've limited time to investigate this right now but in my next drive I'll surely remove all deprecated settings and continue with RC2.

Now when we have a "public" version out there I'll need help with suggestions on layout and things like that.. For instance what are good values for the image slider (now in mosaic mode it ranges from 32.5-125) is that reasonable or do we need to modify this?

 
undertoe
undertoe's picture

Joined: 2008-01-31
Posts: 32
Posted: Wed, 2008-02-20 14:22

erlis: its done and usable the coverflow portion, unfortunately i do all my ajax/js toolkits coding in Extjs so it depends on that lib as opposed to yours. Not being finished in the sense of the theme graphics and layout. Basicly all i did was make a flash cover flow and have all the data loading via xml which is supported in flash. Then when selected picture is selected i call a javascript function via the flash program and load it in a div above the flash cover flow. It works pretty good on large albums. I switched the theme on for my one album that is 170+ pictures check it out.

http://colt45.chemlab.org/photos/main.php?g2_itemId=1375

 
jacobdeane

Joined: 2008-01-22
Posts: 12
Posted: Wed, 2008-02-20 18:18

Still having problems getting it to display properly... Interestingly, the slider bar works with the mosaic view, but not in the grid view - I think this is something to do with album and photo views...

I have played about with every setting I could find, but still having no luck

Could someone who has got it all working list all the plugins they have installed and possibly do a screenshot of the theme config page?

Cheers

 
erlis

Joined: 2004-01-16
Posts: 205
Posted: Wed, 2008-02-20 19:50

The problem is probably on my side, will release a RC1.5 tomorrow..

(I did forget to remove some options for the theme.)

jacobdeane: don't put down your site, I'll use it for debugging :)

 
jacobdeane

Joined: 2008-01-22
Posts: 12
Posted: Wed, 2008-02-20 22:44

Erlis: No Problem

Do you want me to set you up an admin user?

 
erlis

Joined: 2004-01-16
Posts: 205
Posted: Thu, 2008-02-21 10:45

New release RC1.5

fix for the problems with configure options?

I'm also attempting to implement the callback core.loadPeers to enable resized pictures in lytescript/lyteshow but that will have to wait until RC2.

 
jacobdeane

Joined: 2008-01-22
Posts: 12
Posted: Thu, 2008-02-21 12:20

http://gallery.jdpictures.co.uk/ has been updated to RC1.5

I am pleased to report that skimming and slider bar now works :D

 
erlis

Joined: 2004-01-16
Posts: 205
Posted: Thu, 2008-02-21 15:18

jacobdeane: I see that the style lacks support for multiple (the page is to high), will add this as a To Do for RC2.

Do we have any other suggestions!? How shall I implement support for album/photo modification from within gallery?

Now it's not a problem since I'm reloading the whole page for every click. But in RC2 I'll just update the image in the Mosaic view hence links in the sidebar would not be updated and so on..

Is it Ok to remove all the comments features from this theme?

Please come with suggestions how to improve this theme.

 
jacobdeane

Joined: 2008-01-22
Posts: 12
Posted: Fri, 2008-02-22 10:26

Erlis

Looking good in firefox, however there are a few problems in the mosaic view in safari - worth checking out - probably just need to tweak the css!

 
erlis

Joined: 2004-01-16
Posts: 205
Posted: Fri, 2008-02-22 14:49

The javascript handling window resize (pear.js) is now updated SVN revision R24.

Any more suggestions? :)

My intention is to remove the sidebar in Mosaic view, the only thin missing from the drop down in Grid view are Create replica, and that can I perhaps add to the drop down..

 
ninaleechie

Joined: 2008-02-23
Posts: 9
Posted: Sat, 2008-02-23 02:42

I am very interested in this Gallery theme. Thank you for taking this on.

The skimming seems to have about 9 steps across the image, regardless of how many images are in the album. The mac gallery has finer "resolution" on the skimming if there are more images in the gallery. What is involved in getting more discrete steps? I understand we are limited by the number of pixels wide the thumbnail is.

Also, the mac gallery has a higher perceived speed because they load a quarter of the image quality first and then fill in the blanks later. This makes it seem like the images are loaded faster. Is this something that can be implemented in the theme, or is that handled more by the Gallery engine?

I have installed the theme on a Bluehost.com site. When I actually upload some images, I'll post the link for further testing.

 
erlis

Joined: 2004-01-16
Posts: 205
Posted: Sat, 2008-02-23 08:20

The skimming is made up from the following code, which in theory has a resolution of 150 pictures (I don't have so many pictures in any of mine albums so I can't really test it.

{assign var='j' value='0'}
{math equation="round(150/count)" count=$child.grandChild|@count assign=step}
<img src="{g->url arg1="view=core.DownloadItem" arg2="itemId=`$child.thumbnail.id`"}" usemap="#{$child.thumbnail.id}map" boder="0" name="skim_{$child.thumbnail.id}" alt=""i style="max-width: 150px; max-height: 150px;"/>
<map name="{$child.thumbnail.id}map" onmouseout="skim_{$child.thumbnail.id}.src='{g->url arg1="view=core.DownloadItem" arg2="itemId=`$child.thumbnail.id`"}';">
  {foreach from=$child.grandChild key=i item=it}
    <area shape="rect" COORDS="{$j},0,{math equation="x + y - 1" x=$j y=$step},150" href="{$linkUrl}" onmouseover="skim_{$child.thumbnail.id}.src='{g->url arg1="view=core.DownloadItem" arg2="itemId=`$it.thumbnail.id`"}';" alt="{$title}" title"{$title}">
    {math equation="x + y" x=$j y=$step assign=j}
  {/foreach}
</map>

I have some ideas to "speed up" loading, but mine Ideas actually makes the page bigger..

One Idea is to set all images to a loading.gif image and the update the images from java-scripts, but in this way I actually thinks I'll take longer time to load due to the fact that most modern browser actually support parallel loading..

I think it's possible to get gallery to generate low-res images and use them instead, but then I do think mine approach is better

 
erlis

Joined: 2004-01-16
Posts: 205
Posted: Sat, 2008-02-23 08:39

Found the error, its were in the theme.inc file, have updated to 50 now (r27), hope this does not change the loading time..

(Perhaps this should be configurable??)

 
ninaleechie

Joined: 2008-02-23
Posts: 9
Posted: Mon, 2008-02-25 02:40

I have it set up now with all of your fixes. The skimmer works great. I have 80 pics in the album and it skims through 50 of them. I think that is a good number. Any more and it would take too long to load all of the thumbnails.

One thing happens with this many pictures. There ends up being two scroll bars on the right side. One is for the overall body, and the other is just for the grid or thumbnail frame. It would look much cleaner with only one scroll bar. Somehow have the height of the body be 100% of the window, with the scroll bar only used for the thumbnail frame.

I made one personal change in the #gallery style. I set the background to black. I think this background color should be the same as the color picker. Really I think there should not be a choice, only black. I understand others might feel differently.

Looking forward to the carousel function.

 
ninaleechie

Joined: 2008-02-23
Posts: 9
Posted: Mon, 2008-02-25 03:20

I don't know how I got the two scroll bars, but I can't get it to repeat. I only have one scroll bar now, unless I make the window some ridiculous size. It works as expected. I also read the milestones with changing background color being one of them. I posted prematurely on that.

Another thing I noticed in Mosaic. When I click on a thumbnail to view that image, the entire page reloads. I don't know much about it, but is this something that Ajax could be used for. Just reload that one portion of the screen.

 
erlis

Joined: 2004-01-16
Posts: 205
Posted: Mon, 2008-02-25 06:49

Yes, I know there's some problem with multiple scrollbars it's on my to do list of fixes. The bg color should been fixed in RC1, but i did forget to change the css, will up date this later on. Perhaps a total rewrite of the css:es is necessary to get the first page look clean aswell..

Yes, my intention is to just (re)load the image in the Mosaic view, but that poses some problem i.e. the title is wrong and a few other things. This image repalce is already implemented in pear.js but disabled due to the above problems..

 
erlis

Joined: 2004-01-16
Posts: 205
Posted: Mon, 2008-02-25 10:10

After investigating the Ajaxian theme I have some new ideas, but them requires almost a total rewrite of the whole theme..

Using java script it's possible to implement both matrix and grid view using gallery's native "album" view.. I don't really know how to solve all issues and it will probably end up with pretty messed up code.. We'll see how bored I'm here at work this week :)

Please give me suggestions on what kind of implementation you will like to see and how I should priority future developments.. I'm a bit stuck right now and are afraid that I'll break more than I'll fix :)

 
erlis

Joined: 2004-01-16
Posts: 205
Posted: Tue, 2008-02-26 16:35

I've updated with support for ajax requests please let me know how it works out for you..

 
GuillaumeB

Joined: 2008-02-26
Posts: 13
Posted: Tue, 2008-02-26 17:32

hello,

This is a really interesting thread. I am a dotMac member but this project is actually pretty good
I'm downloading the software and RC1.5 to give it a try

From what I have seen in the above deo the carousel feature is not implemented yet. But well considering how this project go on, i'm sure it will be soon

Keep up the good work!

GuillaumeB

 
GuillaumeB

Joined: 2008-02-26
Posts: 13
Posted: Tue, 2008-02-26 17:38

BTW, I notices that for some reason, the CSS auto switch when changing views or when clicking on a photo thumbnail in the grid mode. is this a known issue?

 
erlis

Joined: 2004-01-16
Posts: 205
Posted: Wed, 2008-02-27 07:26

Well if you're talking about the capability to "keep" the background color I would see it as a feature not a bug :)

 
GuillaumeB

Joined: 2008-02-26
Posts: 13
Posted: Wed, 2008-02-27 11:25

no i mean for example here
http://gallery.jdpictures.co.uk/album/Maritime/DSC_3189.jpg.html

If I click on the thumbnail of another photo to enlarge it, the background first go grey before going back to black... it's minor, but ut nevertheless auto switch for no reason.

Do you see what I mean?

Anyway, i'm loving this theme this is really good stuff :)

 
erlis

Joined: 2004-01-16
Posts: 205
Posted: Wed, 2008-02-27 11:37
GuillaumeB wrote:
no i mean for example here
http://gallery.jdpictures.co.uk/album/Maritime/DSC_3189.jpg.html

If I click on the thumbnail of another photo to enlarge it, the background first go grey before going back to black... it's minor, but ut nevertheless auto switch for no reason.

Do you see what I mean?

Anyway, i'm loving this theme this is really good stuff :)

If you look at my devel page (http://erlis.se/~erlis/gallery/gallery2/main.php?g2_itemId=1071) you'll see that with the new "Ajax" implementation this issue is gone..

 
GuillaumeB

Joined: 2008-02-26
Posts: 13
Posted: Wed, 2008-02-27 13:29

Man looks awesomiiiiiiier!!!!!
When did you upgrade that! i downloaded the theme from one of your link yesterday in this thread (1.5)
I JUST installed it at photos.belfiore.fr
Now I need to find the files to upgrade it!!! can you point me to them please?

 
GuillaumeB

Joined: 2008-02-26
Posts: 13
Posted: Wed, 2008-02-27 13:56

I mean I downloaded the latest pear.js and uploaded it online to replace the old one but i still have the same behaviour. Your site looks a lot different than mine now, i see you got more Ajax than I do, which makes the experience a lot better, have you released this last updates?

 
erlis

Joined: 2004-01-16
Posts: 205
Posted: Wed, 2008-02-27 14:02
GuillaumeB wrote:
Man looks awesomiiiiiiier!!!!!
When did you upgrade that! i downloaded the theme from one of your link yesterday in this thread (1.5)
I JUST installed it at photos.belfiore.fr
Now I need to find the files to upgrade it!!! can you point me to them please?

To use bleeding edge implementation i suggest you to use the svn version (discussed earlier in this thread). I still have some issues with the newest implementation (R30) so I'll wait until they are solved.

Perhaps we should move the carousel view to RC3 (I haven't started looking at this yet, and will not since undertoe are working on this) and call the new Ajax implementation RC2 what do you think??

Are there any problems with the current ajax theme? It's impossible to access information about a single photo, but is this a big issue?

My plans is to rewrite the photo view (which in RC1.5 is the same as Mosaic view) to show up in a lytebox almost as Apples solution but this must wait till next week.. Perhaps someone can create images to show in photo view..

Suggestions on what to display: download item; add comment; exif data; edit link; and so on..

Please have a look on the original Ajaxan theme for gallery2 how to improve pear.

 
GuillaumeB

Joined: 2008-02-26
Posts: 13
Posted: Wed, 2008-02-27 15:53

Yeh there is no rush for the carousel view. I believe the focus on Ajax for RC2 is great.
Would you mind PMing creadentials so that i can log in the SVN site to get your version?
let e play with the Ajaxian theme and i'll get back to you

 
GuillaumeB

Joined: 2008-02-26
Posts: 13
Posted: Wed, 2008-02-27 16:31

Also maybe you should chek ou the Ebony theme, which is available in the theme forum. It's a recent theme which looks pretty good
check out this thread, there is a demo http://gallery.menalto.com/node/74978
It makes me think that we might want to see a search engine for Pear as well, what do you think is it on the road map at some point?

 
erlis

Joined: 2004-01-16
Posts: 205
Posted: Wed, 2008-02-27 16:41
erlis wrote:
No, I'm terrible sorry svn anonymous seems not to be working..

Hence I've created a svn co user so for you to download and test this theme for now you'll have to install subversion (http://subversion.tigris.org/)

And enter:

svn co --username pear --password pear http://trac.cz/svn/pear/

in your gallery2 theme directory..

 
GuillaumeB

Joined: 2008-02-26
Posts: 13
Posted: Wed, 2008-02-27 17:02

oups my bad! thanks i'm upgrading the whole thing right now, thanks

 
erlis

Joined: 2004-01-16
Posts: 205
Posted: Thu, 2008-02-28 10:16

updated R31-R32

Fix for:
* Navigator size
* Support for Photo page from lyteshow
* Smaller offset between thumbs (both Grid and Mosaic view)
* Removed thumb info in Mosaic view
* Added img-desc in Mosaic view
* Updated lytebox/show to show image title :)

The Ebony Theme looks interesting, perhaps we can use the styles for lyteshow/box.. I don't see the use for the search function.

 
GuillaumeB

Joined: 2008-02-26
Posts: 13
Posted: Thu, 2008-02-28 13:31

Great!
BTW do you think it's possible to use a javascript compressor? I think the YUI has release one. I believe it would speed up the whole thing at startup. Do you think this is something that can be done here (http://developer.yahoo.com/yui/compressor/)
Well I guess I'll implement the search myself then cause I like to search within a gallery by using tags/keywords

 
erlis

Joined: 2004-01-16
Posts: 205
Posted: Thu, 2008-02-28 14:56
GuillaumeB wrote:
Great!
BTW do you think it's possible to use a javascript compressor? I think the YUI has release one. I believe it would speed up the whole thing at startup. Do you think this is something that can be done here (http://developer.yahoo.com/yui/compressor/)
Well I guess I'll implement the search myself then cause I like to search within a gallery by using tags/keywords

Yes, that should be possible.. The problem right now is that we are using the scriptaculous slider which requires the protorype.js that are over 100k in size.. Feel free to try to compact the js files and PM me them if you succeeds..

 
ecsk2

Joined: 2008-02-28
Posts: 2
Posted: Thu, 2008-02-28 18:55

Any news on the carousel/coverflow feature?

 
ultravista

Joined: 2006-10-08
Posts: 121
Posted: Fri, 2008-02-29 05:08

Nice work, thank you for sharing!

 
dalbeck

Joined: 2008-03-03
Posts: 7
Posted: Tue, 2008-03-04 02:33

Love the theme so far can't wait for more updates!

 
erlis

Joined: 2004-01-16
Posts: 205
Posted: Wed, 2008-03-05 19:31

New release.. (R37)

RC1.8 With Ajax requests and support for IE (only tested in Internet Explorer 7).

I think that if we move up carousel view to RC3 only reflection is left.

(There still exists some problems in IE but I'm unable to fix them right now, I need some CSS editor for win to test and modifi it.)

 
dalbeck

Joined: 2008-03-03
Posts: 7
Posted: Wed, 2008-03-05 18:19

where can we get it?

 
erlis

Joined: 2004-01-16
Posts: 205
Posted: Wed, 2008-03-05 19:34

Oops, forgot to post the file, see the above post..

 
cvos

Joined: 2002-09-18
Posts: 14
Posted: Sat, 2008-03-08 03:01

really nice job erlis! One question - can we still upload videos to the gallery?

 
erlis

Joined: 2004-01-16
Posts: 205
Posted: Mon, 2008-03-10 07:53
cvos wrote:
really nice job erlis! One question - can we still upload videos to the gallery?

Yes, that should be possible (haven't really tested that yet).

 
ninaleechie

Joined: 2008-02-23
Posts: 9
Posted: Wed, 2008-03-12 00:42

Here is a problem I am having. In Mosaic, if the image size is say 640 x 480, but the space available to view the image is 700x700, the them expands the image to fit the space. Web browsers are not very good at resizing images and it looks terrible. Is there a way to have the theme leave the image in its original size, if it is smaller than the space available?

 
erlis

Joined: 2004-01-16
Posts: 205
Posted: Fri, 2008-03-14 08:26
ninaleechie wrote:
Here is a problem I am having. In Mosaic, if the image size is say 640 x 480, but the space available to view the image is 700x700, the them expands the image to fit the space. Web browsers are not very good at resizing images and it looks terrible. Is there a way to have the theme leave the image in its original size, if it is smaller than the space available?

Why don't you just generate images in 800x800 (which is the default image size for pear to use) :)

Well, of course I can fix a patch for this, it's pretty easy but it'll have to wait..

Thanks for your inputs.

Edit: Fixed in latest SVN revision

 
dmolavi
dmolavi's picture

Joined: 2002-12-05
Posts: 573
Posted: Thu, 2008-03-20 00:58

Have you taken a look at this:
http://194.95.111.244/~countzero/scripts/_myImageFlow/

They seem to have the coverflow working, though I'm not sure how compatible it is w/ your existing theme.

Also, does this theme accurately track item view counts?

For PHPNuke, phpBB2, and phpBB3 integration help, please visit NukedGallery.net.
[img]http://www.nukedgallery.net/signature.jpg[/img]

 
erlis

Joined: 2004-01-16
Posts: 205
Posted: Thu, 2008-03-20 20:55
dmolavi wrote:
Have you taken a look at this:
http://194.95.111.244/~countzero/scripts/_myImageFlow/

They seem to have the coverflow working, though I'm not sure how compatible it is w/ your existing theme.

Also, does this theme accurately track item view counts?

CoverFlow looks interesting, I already have some parts working on my devel page..

Yes, thats true.. View counts are totally messed up (mostly because I preload all images).