jQuery inner zoom on product_list (catergory page)

[CrossY]

Hi there,

 

I'm trying to get an 'inner zoom' to work on my prestashop product_list page (catergory page). I've applied a grid view to this page already.

 

The jQuery i'm trying to use is this: http://www.jacklmoore.com/zoom/

 

However, it only applies itself to the first image.

 

It uses the following code (i'm not familiar with jquery and all):

		$(document).ready(function(){
			$('#ex1').zoom();
			$('#ex2').zoom({ on:'grab' });
			$('#ex3').zoom({ on:'click' });			 
			$('#ex4').zoom({ on:'toggle' });
		});

It appears as though I have to give a different ID (#ex1, #ex2) to each div for each new picture. Simply using "#ex1" more than once causes only the first image to work properly.

Is it possible somehow to have all pictures inherit this zoom option without having to use different ID's?

P.s. i'm not using the grab, click or toggle features. This is a default bit of code, I only use the standard option (mouse-over).

 

I really hope someone can take the time to look at this.

 

Best,

Dave