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

dave8401

Joined: 2009-06-01
Posts: 129

Posted: Fri, 2010-09-17 17:43

Some important enhancements:

I cleaned up my code a bit and modularized it (by creating a JQuery-plugin)
I merged it into greydragon 2.4.1. Due to the module concept only minimal changes to the standard theme are needed!
I got it working in IE8. So it should work now in IE8, Firefox, Chrome.
For IE6 users I added a message that explains that IE6 isn't supported.

You can see the current state here
I'm attaching the new zip-files in case somebody wants to give it a try.

BR,
David

rross

Joined: 2010-08-22
Posts: 41

Posted: Sun, 2010-09-19 19:18

Thanks for all your hard work!

All my pix are seen on the Browse Album page, but when I click one none show on the Photo View page and neither does the thumbnav. Everything else is there- the "Play Slideshow," page numbers, arrows, etc. This is the case both in IE and FF. Then I checked Theme Options and it said this, even though they're all present and activated:

* Gallery 3 Core v.32 Required
Check Failed. Minimum Required Version 30

* Shadowbox Module Required
Check Failed. Shadowbox Module not Installed.

The basic Wind theme worked fine when I switched back to it as a test. Aside from choosing yours as the theme and the thumbnav as a module, is there anything else to do?

Cheers,

R

dave8401

Joined: 2009-06-01
Posts: 129

Posted: Sun, 2010-09-19 22:06

Hi rross,

Can u post a link to your gallery? Or, ideally, send me link + login and I will check.

Neither the gallery-version, nor the shadowbox-module should break it.
As long as thumbnav is somewhere present on the site it should work.

BR,
David

rross

Joined: 2010-08-22
Posts: 41

Posted: Tue, 2010-09-21 21:24

I couldn't figure it out, either, so I deleted everything (I had only uploaded one small album) and did a fresh install. Now it works and looks great!

- The Slideshow only plays the 9 images from an album page and not the whole album. In the top left corner, the "Page: 1,2,3..." only goes up to 9 (9 pix per album page) when the album has 22 pix.

- Theme Options still says, "Gallery 3 Core v.32 Required Check Failed. Minimum Required Version 30," even though, again, it works.

- On an album page that does not have its own pix but leads to two sub-albums, how can I make the album names be displayed as in the Wind theme and not only when mouseovered? I didn't see that in the options...

http://www.blackboxnynj.com/gallery/index.php/Theater-Camp

I installed RC2, Sante Fe (as before).

R

dave8401

Joined: 2009-06-01
Posts: 129

Posted: Tue, 2010-09-21 21:45

You should really NOT use RC2! Go over the last 2 pages of the greydragon-theme-forum posts and you will see that you should use the latest gallery3 version from git (go to github.com and click the download source button).

In the your gallery go to Admin -> Settings -> Thumb Navigator and set the settings to e.g. 1000.

I don't understand your sub-albums problem. Can u pls. check with the standard greydragon-theme? I haven't modified here anything so it should be as in the standard (besides the url-hash).

BR,
David

rross

Joined: 2010-08-22
Posts: 41

Posted: Tue, 2010-09-21 23:05

Oh, re-do it again? ...Ok. Thumbs 1000 did the trick. I'll check the standard theme for the other issue.

Thanks!

R

rross

Joined: 2010-08-22
Posts: 41

Posted: Wed, 2010-09-22 01:57

Good thing I double-checked, the upgrade was a snap. I forgot to ask- does the MACOSX folder go in /themes or /themes/greydragon?

That should be my last question!

R

kareemhali

Joined: 2010-09-24
Posts: 3

Posted: Fri, 2010-09-24 17:17

Hi David & Serge,

This is my first post on gallery forums. Great work on the theme and the AJAX effects. One problem I faced so far since I used it, when adding comments and using the space bar in the textarea, it scrolls to next pic as it is activated by the script to scroll on space as well as using the left/right arrow keys. And, it doesn't put a space when you click in the text, it only goes to next pic.

Is this something you can work on?

BR,
Kareem.

kareemhali

Joined: 2010-09-24
Posts: 3

Posted: Fri, 2010-09-24 17:43

Hi again,

I'm posting comments but they are per album, not per photo, it would be great if we can post comments per photo as well. I have also just installed shadowbox and keb_nav to make sure the theme works in full.

Kareem.

dave8401

Joined: 2009-06-01
Posts: 129

Posted: Sat, 2010-09-25 18:38

Thanks for the positive feedback, highly appreciated!

@ rross: the MACOSX-folder can be deleted. My mistake, zipping this useless one
@ kareemhali: comments are not supported as of now. Besides the usability issue, there's another major one: the comments module works by the image-id and this gets changed by every image change. So it cannot work right now. I think it will be quite easy getting it to work, but I won't have time looking into it before the week after the next one. Sry for that.

BR,
David

kareemhali

Joined: 2010-09-24
Posts: 3

Posted: Sun, 2010-09-26 01:03

@dave8401 that's alrighte dave, you've done much work already. You might wanna look into a theme that was done for gallery2, with a lightbox effect. I think it was a modification for the siriux theme and it was called siriuxlightbox_ijonized or something like that. He got the lightbox to work on the theme but he added a photo link on each photo when the lightbox is activated, and when you click that you get back to the original theme page for the picture and see the full comments and ratings and what have you that comes with it.

Actually I hoped to find a good lightbox theme to work with gallery three but the only one that has lightbox effect is the 3nid theme and it's really bad with comments and a bit sluggish as well.

Hope you can get it to work on yours anyway.

Kareem

dave8401

Joined: 2009-06-01
Posts: 129

Posted: Thu, 2010-09-30 16:28

I haven't checked the theme and I'm afraid I won't be able to do so (if anybody has a screenshot or so I'll check).

Honestly I'm not for any lightbox! Main 2 reasons:

User-Experience: My modification focuses on doing things inline (so reloading of iamges within the page, preloading, smooth transitions, ...).
Any pop-up (a lightbox is for me just a fancy one) disturbs this.
The usability of the standard comments module is really good and we shouldn't deviate from that

So we should focus on

fixing the space bar thing
getting the module to work, by passing over the correct id

BR,
David

rross

Joined: 2010-08-22
Posts: 41

Posted: Fri, 2011-05-27 23:39

Hey, Dave. I was just instructed by Serge to upgrade GreyDragon in order to resolve the problem in FF 4.0 where the right side of pages are cut off. He also said that your amazing inline slideshow is not part of the latest GD so I was wondering if you're working on that or have it as a module.

Cheers,

R

dave8401

Joined: 2009-06-01
Posts: 129

Posted: Wed, 2011-06-01 18:43

Hi rross!
I stopped the 'full-ajax' version of GreyDragon.

Although it worked pretty nice it also causes a lot of headache: Most of the modules don't work anymore (because they don't realize that the image got changed).

If you want to take over I can send u what I have.

BR,
David

dave8401 Joined: 2009-06-01 Posts: 129	Posted: Fri, 2010-09-17 17:43
	Some important enhancements: I cleaned up my code a bit and modularized it (by creating a JQuery-plugin) I merged it into greydragon 2.4.1. Due to the module concept only minimal changes to the standard theme are needed! I got it working in IE8. So it should work now in IE8, Firefox, Chrome. For IE6 users I added a message that explains that IE6 isn't supported. You can see the current state here I'm attaching the new zip-files in case somebody wants to give it a try. BR, David

rross Joined: 2010-08-22 Posts: 41	Posted: Sun, 2010-09-19 19:18
	Thanks for all your hard work! All my pix are seen on the Browse Album page, but when I click one none show on the Photo View page and neither does the thumbnav. Everything else is there- the "Play Slideshow," page numbers, arrows, etc. This is the case both in IE and FF. Then I checked Theme Options and it said this, even though they're all present and activated: * Gallery 3 Core v.32 Required Check Failed. Minimum Required Version 30 * Shadowbox Module Required Check Failed. Shadowbox Module not Installed. The basic Wind theme worked fine when I switched back to it as a test. Aside from choosing yours as the theme and the thumbnav as a module, is there anything else to do? Cheers, R

dave8401 Joined: 2009-06-01 Posts: 129	Posted: Sun, 2010-09-19 22:06
	Hi rross, Can u post a link to your gallery? Or, ideally, send me link + login and I will check. Neither the gallery-version, nor the shadowbox-module should break it. As long as thumbnav is somewhere present on the site it should work. BR, David

rross Joined: 2010-08-22 Posts: 41	Posted: Tue, 2010-09-21 21:24
	I couldn't figure it out, either, so I deleted everything (I had only uploaded one small album) and did a fresh install. Now it works and looks great! - The Slideshow only plays the 9 images from an album page and not the whole album. In the top left corner, the "Page: 1,2,3..." only goes up to 9 (9 pix per album page) when the album has 22 pix. - Theme Options still says, "Gallery 3 Core v.32 Required Check Failed. Minimum Required Version 30," even though, again, it works. - On an album page that does not have its own pix but leads to two sub-albums, how can I make the album names be displayed as in the Wind theme and not only when mouseovered? I didn't see that in the options... http://www.blackboxnynj.com/gallery/index.php/Theater-Camp I installed RC2, Sante Fe (as before). R

dave8401 Joined: 2009-06-01 Posts: 129	Posted: Tue, 2010-09-21 21:45
	You should really NOT use RC2! Go over the last 2 pages of the greydragon-theme-forum posts and you will see that you should use the latest gallery3 version from git (go to github.com and click the download source button). In the your gallery go to Admin -> Settings -> Thumb Navigator and set the settings to e.g. 1000. I don't understand your sub-albums problem. Can u pls. check with the standard greydragon-theme? I haven't modified here anything so it should be as in the standard (besides the url-hash). BR, David

rross Joined: 2010-08-22 Posts: 41	Posted: Tue, 2010-09-21 23:05
	Oh, re-do it again? ...Ok. Thumbs 1000 did the trick. I'll check the standard theme for the other issue. Thanks! R

rross Joined: 2010-08-22 Posts: 41	Posted: Wed, 2010-09-22 01:57
	Good thing I double-checked, the upgrade was a snap. I forgot to ask- does the MACOSX folder go in /themes or /themes/greydragon? That should be my last question! R

kareemhali Joined: 2010-09-24 Posts: 3	Posted: Fri, 2010-09-24 17:17
	Hi David & Serge, This is my first post on gallery forums. Great work on the theme and the AJAX effects. One problem I faced so far since I used it, when adding comments and using the space bar in the textarea, it scrolls to next pic as it is activated by the script to scroll on space as well as using the left/right arrow keys. And, it doesn't put a space when you click in the text, it only goes to next pic. Is this something you can work on? BR, Kareem.

kareemhali Joined: 2010-09-24 Posts: 3	Posted: Fri, 2010-09-24 17:43
	Hi again, I'm posting comments but they are per album, not per photo, it would be great if we can post comments per photo as well. I have also just installed shadowbox and keb_nav to make sure the theme works in full. Kareem.

dave8401 Joined: 2009-06-01 Posts: 129	Posted: Sat, 2010-09-25 18:38
	Thanks for the positive feedback, highly appreciated! @ rross: the MACOSX-folder can be deleted. My mistake, zipping this useless one @ kareemhali: comments are not supported as of now. Besides the usability issue, there's another major one: the comments module works by the image-id and this gets changed by every image change. So it cannot work right now. I think it will be quite easy getting it to work, but I won't have time looking into it before the week after the next one. Sry for that. BR, David

kareemhali Joined: 2010-09-24 Posts: 3	Posted: Sun, 2010-09-26 01:03
	@dave8401 that's alrighte dave, you've done much work already. You might wanna look into a theme that was done for gallery2, with a lightbox effect. I think it was a modification for the siriux theme and it was called siriuxlightbox_ijonized or something like that. He got the lightbox to work on the theme but he added a photo link on each photo when the lightbox is activated, and when you click that you get back to the original theme page for the picture and see the full comments and ratings and what have you that comes with it. Actually I hoped to find a good lightbox theme to work with gallery three but the only one that has lightbox effect is the 3nid theme and it's really bad with comments and a bit sluggish as well. Hope you can get it to work on yours anyway. Kareem

dave8401 Joined: 2009-06-01 Posts: 129	Posted: Thu, 2010-09-30 16:28
	I haven't checked the theme and I'm afraid I won't be able to do so (if anybody has a screenshot or so I'll check). Honestly I'm not for any lightbox! Main 2 reasons: User-Experience: My modification focuses on doing things inline (so reloading of iamges within the page, preloading, smooth transitions, ...). Any pop-up (a lightbox is for me just a fancy one) disturbs this. The usability of the standard comments module is really good and we shouldn't deviate from that So we should focus on fixing the space bar thing getting the module to work, by passing over the correct id BR, David

rross Joined: 2010-08-22 Posts: 41	Posted: Fri, 2011-05-27 23:39
	Hey, Dave. I was just instructed by Serge to upgrade GreyDragon in order to resolve the problem in FF 4.0 where the right side of pages are cut off. He also said that your amazing inline slideshow is not part of the latest GD so I was wondering if you're working on that or have it as a module. Cheers, R

dave8401 Joined: 2009-06-01 Posts: 129	Posted: Wed, 2011-06-01 18:43
	Hi rross! I stopped the 'full-ajax' version of GreyDragon. Although it worked pretty nice it also causes a lot of headache: Most of the modules don't work anymore (because they don't realize that the image got changed). If you want to take over I can send u what I have. BR, David

« first ‹ previous12