Responsive Touch Image Gallery

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:

Code:

---

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

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