PDA

View Full Version : Responsive Touch Image Gallery



green
02-07-2017, 07:26 AM
1) Script Title: Touch Image Gallery

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/touchgallery.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
02-10-2017, 10:03 AM
Well, I have switched to http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm now which is responsive and am working with that version. Thanks anyway.

Mike