PDA

View Full Version : Making Carousel Slideshow II Responsive



BorderTerroir
06-01-2015, 05:11 AM
Script: Carousel Slideshow II
http://www.dynamicdrive.com/dynamicindex14/carousel2.htm

How do I make this script responsive?

I've used it on this page about mill stones to reflect the stones turning;
http://www.castlefordheritagetrust.org.uk/WorkingTowardsMilling.php

However it doesn't render the image well on a mobile phone.

It's these two lines;
width:107, //Enter width of image or entire carousel, depending on above value
height:140, //Enter height of image or entire carousel, depending on above value

But I don't know how to make them responsive.

Please advise

John

jundo12
06-01-2015, 07:42 AM
i had the same problem. i'm looking forward to someone answering it :D

BorderTerroir
06-02-2015, 09:54 AM
Is this a valid solution?
http://www.castlefordheritagetrust.org.uk/zSandPit.php

One div shazam, with these properties;
size_mode:'image', //Enter "carousel" or "image". Affects the width and height parameters below.
width:350, //Enter width of image or entire carousel, depending on above value

Another div shazbat, with these properties;
width:140, //Enter width of image or entire carousel, depending on above value
height:70, //Enter height of image or entire carousel, depending on above value

Shazam is visible on desktops and tablets, shazbat is visible on smartphones.

Yes I know it's a f**g!

John