Page 2 of 2

Resize Carousel images ti fit device screen

Posted: Wed Mar 19, 2014 8:46 pm
by Mike6730019

You mention being able to set the dimensions at 100% but I only see where you can determine the height in pixels? Or does that need to be added to the js code provided above as well?


Resize Carousel images ti fit device screen

Posted: Thu Mar 20, 2014 3:09 am
by Alena Prykhodko

Hi Mike.

Please provide us with more details (what exactly you want to do, screen shots will be helpful).

However, if you just want to use image in caruosel you have to put this image into carousel item and set its dimensions to "100%" for width and "auto" for height.

Image


Resize Carousel images ti fit device screen

Posted: Thu Mar 20, 2014 12:56 pm
by Mike6730019

Got it. Thanks. I was trying to add the images directly through the carousel component (image or html dropdown). Makes sense now.


Resize Carousel images ti fit device screen

Posted: Wed Jun 25, 2014 5:42 pm
by David6950977

Is there a way to do this with css or js. Because I'm using the carousel URL to get the image. So, I need the image from the carousel to automatically resize for each device.


Resize Carousel images ti fit device screen

Posted: Wed Jun 25, 2014 11:18 pm
by Yurii Orishchuk

Hi David.

You can set width style for every element you need with following code:

pre

jQuery("someselectorToYourImg").css("width", "100%");

/pre

Also: your question is not clear for us. Please clarify it with screen shots and details.

Regards.