Pages (2): 1 2   
Developer
Developer
trisweb   2007-03-12, 22:42
#1

Hey everyone, after seeing how PicasaWeb does their image navigation, I decided to give it a shot in a theme and this is what I came up with:

http://www.trisweb.com/tests/zenphoto-svn/Random/Desktops/ActionCat-1051338286.jpg.html

Have fun browsing the dynamically loaded images :-) If anyone wants this code, it's freely available in the /themes/testing-js folder from SVN, and it's rather good if I do say so myself.

Okay, back to spending my time on more important things ;-)

Member
Member
thinkdreams   2007-03-13, 02:00
#2

Wow. That's nice and quick. I'll be taking a peek at the code if you don't mind...

Member
Member
jayray999   2007-03-13, 02:15
#3

Let's name it the Tricasa theme! Actually I think the implementation is better than Picasa's...as expected. Anyone can verify this by very rapidly and repeatedly clicking the NEXT button. In Picasa there is an intermediate "de-interlaced" image as @monster called it. This happens even on my fast internet connection (33,623 kbps down according to speakeasy.net). So I think the unsightly intermediate image has nothing to do with network speed.

Member
Member
Chilifrei64   2007-03-13, 02:51
#4

yes.. it is very very very smooth.. I couldnt click on the next button fast enough to get it to pull a "waiting for the page to load" or a slow down at all. I will be taking a look at the code also..

Developer
Developer
trisweb   2007-03-13, 05:15
#5

I like Tricasa... :-)

Thanks for the compliments everyone. It's got a long way to go... there needs to be AJAX for getting and submitting comments, as plain JS possibly adds too much to the initial page load... and it needs to be able to load individual images, and work with back/forward in the browser.

The code is fairly simple... it should speak for itself, but if anyone wants explanation I'd be happy to give it. It took a couple late nights, followed each by a morning where everything made much more sense. ;-)

I'm currently integrating some effects, and converting a lot of the grunt work to jQuery. I believe jQuery will replace scriptaculous as Zenphoto's javascript library of choice for many reasons. It'll do sortable images too, and should make some of the things I'm doing in the new admin much easier. :-)

Member
Member
AlexWilson   2007-03-13, 06:13
#6

Very slick.

Member
Member
monster   2007-03-13, 09:56
#7

I've noticed that Tricasa preloads every image in the album,
even if it is 20 positions forward.
IMHO this should be changed so user can choose how many photos to preload.
(1,2,5,10,every)
Anyway, Goood Job.

Will testing-js work with 1.0.8.2?

Developer
Developer
trisweb   2007-03-13, 17:30
#8

@monster -- the preload metrics can be configured, for all levels of images (right now it's set to preload 10 hi-res and 25 lo-res images in advance, but obviously that could be wasting a lot of bandwidth).

The testing-js theme relies on SVN code as of rev. [416], but that should be very stable if you want to use it.

Member
Member
EdnaGarrett   2007-03-22, 09:44
#9

can this be integrated in a post(for example in Wordpress)?

hehe, monster already started calling it tricasa

I like the name!

Member
Member
EdnaGarrett   2007-03-22, 09:47
#10

one more thing, rename this thread so more people check it!
like "Tricasa: cool new navigation"
or "mr. trisweb rules"

Developer
Developer
trisweb   2007-03-22, 19:01
#11

Haha, thanks Edna. Good idea on the post rename.

It could theoretically be integrated into Wordpress as long as the client supported javascript. It would be a snippet of included code to place the image and navigation buttons, and since that would be standard zenphoto theme template stuff, it would work with any theme.

That's a great idea, perhaps something we can integrate with Zenpress (I'm planning a lot of things for zenpress once we've got it into the main project :-)

Member
Member
Msturm10   2007-03-22, 21:26
#12

Very nice.. this should definitely become a part of the default Zenphoto package...

Member
Member
La0c00n   2007-03-23, 00:30
#13

Yeah, I agree with Msturm10. This is far more useful and nice than all the lightbox stuff.

Very well done trisweb

Member
Member
Null   2007-03-23, 19:28
#14

Found a "bug"

When pressing an image from the overview, it will be loaded, but pressing nex will not show the next image inline, but the sec one from the overview (and then the next one etc).

Hope you understand what I mean

ps. use this theme in the next ZP as default

Developer
Developer
trisweb   2007-03-23, 21:00
#15

Null - yep, I know about that. Just something I haven't done yet for purposes of demonstration :-) I'll make sure all that works if I ever release it.

It may not be the default theme, but I'm trying to make it an option for all themes. We'll see.

Member
Member
EdnaGarrett   2007-03-26, 06:26
#16

I can't hardly wait!
this plugin is excellent! excellent!

Member
Member
Blackjackskanz   2007-05-09, 06:13
#17

Mucho cool. Can't wait to test drive.

Member
Member
amucklow   2007-05-11, 15:45
#18

I just test-drove the new theme. There seems to be an error with the navigation buttons on image.php. I get the js error 'titleDiv has no properties' - and the next/previous image doesn't load.

Member
Member
amucklow   2007-05-11, 16:55
#19

Oops - that error has already been identified above.

Member
Member
amucklow   2007-05-17, 13:05
#20

Hi again. I've properly adopted the Tricasa theme on my site now: http://www.strangerpixel.com/albums. The navigation is still problematic, as per the bug reported above. Please excuse my amateurish hacks, but I have also changed templatefunctions.php as follows:

`function printImageTitle($editable=false) {

global $_zp_current_image;

if ($editable && zp_loggedin()) {

echo "" . htmlspecialchars(getImageTitle()) . "n";

echo "initEditableTitle('imageTitleEditable');";

} else {

echo "" . htmlspecialchars(getImageTitle()) . "n";

}

}`

This ensures that the getImageTitle() function works if you're logged in or not (which was the error I ran into above). One problem I still have is that when you first load an image, there's no description.

Pages (2): 1 2   
  
Powered By MyBB, © 2002-2026 MyBB Group.
Made with by Curves UI.