Ajax: Dynamically reloading image content in theme (working prototype)

Hi David,
Looks really cool. Do we get to have a look at the code or do you prefer to have it ready before pubishing it?

Thank you,
Uli

---
Build bridges not barriers.

David,
This looks great! Have you tested this with other themes? If I wanted to try it out, where would I put the downloaded code? Is the thumbnav a module?

Finally, it would seem to me that the best way to reload the meta info is to indeed call the REST API (I imagine the ajax call can do a normal http post, though haven't done it myself) and then use javascript to change the description using the g-metadata class as the selector. You can probably somehow call the right html template as well, though I have no idea how.

I look forward to trying this out, thanks!

Tomek
----
Publish on Gallery 3 (WLPG Plugin) | XMP Module

Hi,
Thanks for the code I will give it a try once I'm home. I'm not a pro in jQuery either but I will definately have a look at the code and give you some feedback (if I can)

---
Build bridges not barriers.

No, I meant the XAMPP-server:
The sample code that's provided has an "include Http/Request.php" at the beginning.
My local server errors here out!

Can somebody advise me on which package I have to install to make it work?

Oh, sorry!

That's probably a PEAR package. Here's the general info: http://pear.php.net/, and the more specific for the file: http://pear.php.net/package/HTTP_Request/. I think if you're using PHP 5.3, PEAR is automatically insalled, so you can run something like pear install http/request from the command line.

Tomek
----
Publish on Gallery 3 (WLPG Plugin) | XMP Module

@dave8401: OK, since GreyDragon theme is a base here, at least for now, I am going to hijack the code to play with it inside my theme.

As I mentioned before I was looking for something like that to be added to the theme out of the box, but if it would become generic module, it could be great as well.

Few comments:

I began to go through your changes for thumb nav module. are you using name attribute as an id? in XHTML standard name attribute has been marked as depricated and for page to comply with the standard it would be nice if it could be replaced by sudo id.

Thumb module now directly referencing resized image. It is not good, because user will loose ability to open a new page of the thumb itself. Alternative would be to use rel or rev attributes which are standard and put relevant info there.
You are using rel attribute today and populate it with "history", what is behind it?

@tkott: yes, thumbnav is a module available here.

Serge, I was asked to provide the modified version and did it without checking with you first.
Sry, wasn't my smartest idea. The glory for the wonderful theme should be all yours.
I just want to encourage the discussion about Ajax in general.
If required I can also provide you a got patch, so that you can easily see the changes.

@Serge: Yes, I will.

@all: I'm having issues with the REST API call. I get a lot of 'Deprecated' warnings with the client-sample that's provided & finally a kohana-exception. Is anyone else having the same errors/warnings?

I'm using PHP 5.3 & installed via PEAR:

• HTTP_Request-1.4.4
• Net_URL2-0.3.1

Anyways, I will try it again tonight with a fresh install of RC2.

I will check the module you mentioned.

But I see one issue in this approach, pls. correct me if I'm wrong:
If we do it in the controller this means that we have to send all data upfront to the client (e.g. all image-titles, all descriptions, all exif-infos, ...)
For albums with e.g. 100+ pictures, this will slow down our performance, wouldn't it?

For this reason I wanted to have only the bare minimum of information sent to the client whenever he enters the 'photo-page', the rest then upon request.

What do you think about this?

BR,
David (not dave ;))

OK how I imagine it is that you indeed only send the bare minimum to the client. Upon request (load next image e.g.) your javascript calls your controller (e.g. http://yoursite/gallery/ajaxview/itemid) and it passes just the information you need in the format you prefer.

---
Build bridges not barriers.

Hi,
Yes that's more or less it (well there is a bit more to it than that but the principle is correct). I don't have time right now to explain this in great depth (plus I am a n00b on this myself ;-) ) but have a look here: http://docs.kohanaphp.com/general/controllers

If you want some examples in Gallery then have a look at Navigation Carousel or Tag Faces (or any module that allows to change settings on the admin pages.

Regards,
Uli

---
Build bridges not barriers.

Sorry Serge, when I saw you guys talking about "thumbnav" I got one of the carousel modules stuck in my head. Thanks for clarifying.
____________________________________________
Like Gallery? Like the support? Donate now!!! See G2 live here

Wow this is awsome!!! It works on my installation just fine. Only problem I see is to get other modules to work correctly. It would be cool if there was a way that the controller could figure out what information is used on a normal page load and send all of it...which then just leaves the JavaScript which needs to know where to update the DOM... complicated. Maybe the devs can give some pointers?

---
Build bridges not barriers.

Hi Serge,

Here an update version:

• moved javascript-snippets to the ui.support.js file
• few cleanups and comments

I encountered 1 problem though:
Could a more experienced developer pls. check line 189 in ui.support.js? Now that everything is in a javascript file (not a php-file like photo.html.php anymore), I cannot make the call to the controller generic!!!
How can we handle this best?

Thanks,
David

@serge: did you use the jquery.galleriffic.js that's bundled within my zip-file or did you use the standard-one?

can u try again? cannot test ie as i'm working on a mac (seems to work now in safari and firefox)

can u try once again?

serge, i will look into the navigator this evening. my plan is to modify paginator.html.php slightly to achieve this.
what do you mean by Highlight? Activation/Deactivation of buttons?

Will keep you posted about my progress!

serge, here my first draft: what do you think?

my idea is simple:

• thumbnav-module remains the main list that triggers everything (the navigator would need heavy changes as it's really static)
• on click we just rewrite the dom of the navigator. i'm using now the url-hash to maintain the item-number that we are looking at.

need your help on this:
can i get in MY_Theme_View.php on line 217 the item position somehow? i would need this, so that the right item pops up on the photo-page when you click on an item in an album.

hmn..I can't get the theme to even work properly with the greydragon zip that was attached in this thread.

http://gallery.andrewshemo.com/index.php

I also uploaded the shadowbox from the modules page and the thumbnav module that was uploaded in this thread

Any chance to get this working independently of GrayDragon theme? (i.e. make it as a module.)

@mamouneyya: From what I have seen so far: I think it would be very hard to make it a module, at least at this stage. There is a lot of core code modifications in the theme. when code is stabilized, then there could be a chance to make it more abstract.
@Shemo725: please note that it is highly experimental code while we are finding right solution for navigation and stuff.

But we are getting there

look at original theme's photo.html.php
it enumerates list of images for the page and build a hidden list (you have did not introduce/removed this code in yours)
I would suggest to use indexes all along instead of encoded descriptions for navigation.

Also it would allow you minimize changes to the page as well since you can enumerate list of items where class is g-sb-preview - used by photo slideshow today.

greydragon

I thought I'd pipe in and let you know that I'm also interested in this theme. I saw your test site and it's pretty much what I hoped Gallery would do when I recently downloaded it. I like the simplicity of the slideshow and the ability to keep the thumbs and main display visible from photo to photo without scrolling down in the browser.

I'm not sure it's part of what you're doing, but it would be nice to make the thumbs a little larger and maintain the ratio aspect.

Keep up the good work!