Responsive Touch Image Gallery

[green]

1) Script Title: Touch Image Gallery

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...uchgallery.htm

3) Describe problem: I'm trying to make the Touch ImageGallery responsive to screen size limits for all mobile devices: eg. >300px; >600px; >800px so that I can have different gallery sizes as shown in your code - ONE re-sized instance of the gallery per screen width:

jQuery(function(){ // on DOM load
		$('div#touchgallery1').touchgallery({  // initialize first demo
			width: 300,
			height: 200
		})
		$('div#touchgallery2').touchgallery({  // initialize second demo
			width: 600,
			height: 350
		})
		$('div#touchgallery3').touchgallery({  // initialize second demo
			width: 800,
			height: 450
		})
	})

I have been trying with Javascript and CSS and Media screen but I don't know how to do this with jQuery. Can you help?

Regards,

Mike

[green]

Well, I have switched to http://www.dynamicdrive.com/dynamici...nslideshow.htm now which is responsive and am working with that version. Thanks anyway.

Mike