Comments on: Grid Navigation Effects with jQuery

By: tdog

tdog — Sat, 11 Feb 2012 21:49:46 +0000

sorry , figured it out .
i had to set to 1 row in gridnav.js .
thanks

By: tdog

tdog — Sat, 11 Feb 2012 21:46:11 +0000

sorry for comment again .
can you please tell me how they did this using your code.
http://livedemo00.template-help.com/zencart_35885/index.php?main_page=index

there are 9 image , 1 row 3 column . trying to do same effect for 2 days now , but i can not figure it out.
thanks.

By: tdog

tdog — Sat, 11 Feb 2012 15:20:54 +0000

Hello.
This is my first time using this script . I am using disperse effect. i have 9 images that are grouped in 3 column and 3 row .
everything works with exception that , script select row 1 and 2 . even though only shows row 1 . when clicking next , row 1 and 2 hidden an row 3 shows . i can not figure why row 2 is not hidden when i display row 1 .
any info would be appreciate.

By: iam_myinha

iam_myinha — Wed, 11 Jan 2012 16:52:26 +0000

Really nice. It’s so attractive. Thanks for share it with us.

By: Antonio

Antonio — Fri, 30 Dec 2011 09:19:21 +0000

Thanks for the great script, I do have a question though.

Would it be possible to setup multiple gridnav elements on the same page?

Lets say I want to have 3 galleries all with gridnav functionality on the same page, is this possible?

By: Jason Bobich

Jason Bobich — Wed, 21 Dec 2011 05:35:52 +0000

This is really great, thank you so much for sharing! I can’t wait to play with this.

One thing that might be really useful to add in the future is possibly to simply add some CSS class or something to the nav buttons when the user has reached the bottom or gone all the back to the top.

For example, right now it’s a little confusing when the user clicks to go down, they reach the bottom, but continue to click with nothing happening. If maybe when you reached the bottom a CSS class were added to navR element, then you could style it with something, like maybe fading it out or something so the user knows they’ve hit the bottom. Then, when they go back up and reach the top, the same thing happens to navL.

Anyway, just a thought. Once again, thanks so much for this :-)

By: haris

haris — Tue, 20 Dec 2011 23:16:51 +0000

How do you change space between images. I wanted to make them closer ?

By: Jimmy Cain

Jimmy Cain — Wed, 14 Dec 2011 12:36:53 +0000

Never mind, silly me worked it out. Thanks for the continuous inspirations.

Jammy Dodgers

By: Jimmy Cain

Jimmy Cain — Sat, 10 Dec 2011 02:19:58 +0000

Hi Mary,

I always love your work. However, I’ve gone a bit brain dead.

Could you or any one here point me in the right direction of allowing the thumbs become lightbox links?

Jammy dodgers :)

By: Miguel Ramos

Miguel Ramos — Fri, 09 Dec 2011 18:19:38 +0000

Awesome plugin. I just use on a website and did a little tweak to integrate facebox to preview large images.


//After line 728
$thumbs.find('a').each( function(i) {
							var $link = $(this);
							
							$link.bind("click", function(e){
								e.preventDefault();
								
								var img_link = $(this).attr('href');
								
								$.facebox({ image: img_link });
							});
						});