benjaminsterling.com

1. Benjamin Sterling

From: Rey Bango
“Ben, I like the initial look. The only thing that I’m not quite clear on is why the picture jiggles around when I hover over it. Also, what do the “1 2″ stand for at the bottom of a rendered image?”

———

From: Rey Bango
“So I jumped on over to http://www.flashimagegallery.com/pics/artwork/ and checked it out. Now I understand.

Some observations:

- The jiggle I mentioned was actually expected behavior so you can pan left, right, up or down. You should do that, though, only for images that are wider than the viewable area. Smaller images should move.

- The “1 2″ I mentioned is a nav. It didn’t jump to the next gallery.

- A nice feature would be to use fadeIn() to do a nice transition of the pic into the viewable area.

- If you take you move and put it to the title of the viewable area (where it says My Gallery) and you lower the mouse, the picture jumps up towards the mouse.”

———

From: Andy Matthews
“It’s not too bad actually. I don’t really like the scrolling though. You’re already offering a “full size” option, I’d say that the medium sized image should be at a set size and not allow you to scroll around in it. That’s of course a personal opinion.”

———

From: Stephan Beal
“Ooooh, i like that. Some spontaneous suggestions:

“a) When i see the “open” thing drop down, my instinct is to click on it, but this is impossible (it goes away when the mouse goes over it). This behaviour is a bit confusing. After tinkering, it is clear that i am supposed to click on the image, but perhaps it would be clearer if the Open thingie didn’t disappear unless i mouse out of the image.

“b) The scrolling behaviour of a clicked image is a tad confusing because the “back” label only appears at certain times (again, my instinct is to try to click it).

“c) The “1″ and “2″ link-like things at the bottom of an image… what are they supposed to do? i see no change in the image when clicking those (Firefox 2.0.0.6).

“But i love the overall look/feel.”

———

From: Rick Faircloth
“The ability scroll around a highly detailed image would be a valuable feature

“for anyone wanting to sell a product, such as shoes, clothing or electronics

“so they can take a very close look at the stitching or controls, etc.

“I was wondering if there is any limit to the size photo that can be used as the

“full-size” image because I want to use larger more detailed images.”

———

From: Andy Matthews
“I found that the 1/2 only work when you’re in thumbnail mode. Those need to go away when you’re viewing the larger size.”

———

From: Joan Piedra
“Hi, I like the ‘pan view’ idea.

“Just found a ‘bug’, when you are seeing an image it should cover the whole gallery (aka. thumbs and gallery tabs), you can click another tab while you are browsing a pic, this is confusing because when you close it you are in new gallery section.

“Keep working on it, looks nice.”

August 24th, 2007 at 3:37 pm | Link

4. Benjamin Sterling

@jurrie, thanks for the fix, I must have overlooked that one, good catch.

September 26th, 2007 at 9:05 am | Link

6. Benjamin Sterling

Make sure you have 1.2.1 of the framework. I can only assume that that is the case. Can you post a live url for me to look at?

September 26th, 2007 at 4:15 pm | Link

8. Benjamin Sterling

Ultimately it is only javascript code, no php; I did not even think of not clicking through to a large image as an option.

Well we have a few options:

1. Assuming you only want to have the thumbnails and no clicking for any type of large image, you can just provide the thumbnail image with no link. By default, if there is no link wrapping the image, the click event will return false. And you should probably comment out lines 205 through 212 to remove the hover dropdown. The line of code will look like:

.hover(
	function(){
	$div.children('.gvOpen').stop().animate({top:0},'fast', el.opts.ease);
	},
	function(){
		$div.children('.gvOpen').stop().animate({top:-16},'fast', el.opts.ease);
	}
);

2. If you want to be able to click on the thumbnail and the large image open in a separate window, that can be done also by change 234:

change:

     $.fn.jqGalView.view(this,el);

to:

     window.open(this.altImg,'mywindow')"

Let me know if that helps.

September 27th, 2007 at 9:04 am | Link

10. Benjamin Sterling

Sweet; post the link to your project when it is done so I can see how it looks.

September 27th, 2007 at 3:15 pm | Link

12. Benjamin Sterling

That is something I can build in, but that won’t be till probably Sunday, but in the mean time, you can either do one of the below:

1. Just pass an empty string to the goFullSizeTxt param: goFullSizeTxt:”" (but this will leave the “:”, which may not be a big deal)

2. Make a change at line 288:

This:

     var txt = img.altTxt ? img.altTxt +' : ' : '';
     el.descTxt.empty().append(txt).append(a);

to this:

     var txt = img.altTxt ? img.altTxt : '';
     el.descTxt.empty().append(txt);

Let me know if that works for you.

September 28th, 2007 at 7:09 am | Link

15. Benjamin Sterling

k,
I am glad you are finding my plugins useful.

As for your trigger question, I tried to set that up myself and was never quite able to get the load trigger to work the way I wanted, but I think that has something todo with the way/when jQuery’s ready function is executed. But what I did was to do something like $(‘.selector’).jqAlbumParser({PARAMS}).click(); or $(‘.selector’).jqAlbumParser({PARAMS}).trigger(‘EVENT’) (event being what ever your event is)

I am working on updating the jqAlbumParser plugin to working better with jQuery 1.2.1 (which has better cross domain support) and will look at how you are using it to get a better idea of how other people will be using it, as well as better parsing into usable dom. (meaning, make it parse dom that is used by most galleries like what I have for the jqGalView structure. Hopefully that is up in the coming days.

Btw, I really like your look, please post a link when you get it done so I can post it to the repository link.

Thanks.

September 30th, 2007 at 2:43 pm | Link

18. Benjamin Sterling

k,
That is looking really nice, nice work.

Btw, your path to the loader image is not working correctly.

September 30th, 2007 at 9:45 pm | Link

21. Benjamin Sterling

K,
That is definitely an issue with the jqAlbumParser plugin, not exactly sure what the issue, but I think there is a small compatibility issue with 1.2.1. I have been trying to update that plugin since 1.2.1 came out, but been hung up with the way in interacts with the Picasa Api. If you can give me a couple of days, I “think” I got something figured out. I will post to the Album Parser post when it is live.

October 7th, 2007 at 9:41 pm | Link

24. Benjamin Sterling

Roberto,
Really nice work; I love the photos, my wife and I want to visit :)

I really like what you did for the pop up, I think I may “borrow” that idea and take it a step further. Probably build in a function that will allow a person to execute another plugin against mine.

Your English is fine, better then most native speakers :)

(Google Translated)

Roberto,
Realmente bom trabalho; Adoro as fotos, a minha mulher e eu quero visitar :)

Eu realmente gostaria que você fez para o pop – up, eu acho que pode “emprestar” essa idéia e levá – la um pouco mais longe. Provavelmente em construir uma função que permitirá uma pessoa para executar outra Plugin contra minas.

Seu inglês é fino, melhor então mais falantes nativos :)

October 20th, 2007 at 10:15 pm | Link

27. Benjamin Sterling

Mike,
Sorry for the delay getting back to you.

You should be able to edit line 234

js

< view plain text >

1. $el.trigger('click');

and do something like

js

< view plain text >

1. window.open(this.altImg,'imgWindow')

Now that will open a new window, but if you are looking to do a lightbox set up, I am not sure how to get them to work together. I will try to figure something out over the weekend and will try to get back to you asap.

November 24th, 2007 at 12:07 am | Link

30. Benjamin Sterling

Roberto,
I am not really understanding the question, are you saying you want all the thumbnails to show at once? If that is the case, just set the “item” param to the total amount of your thumbnails. If not, can you elaborate on your question?

December 21st, 2007 at 10:57 pm | Link

34. Benjamin Sterling

Phillip,
I just posted an newer version that will preload images to make things load a little smoother. Have a go at it and let me know how it works out for you.

March 9th, 2008 at 1:31 pm | Link