Mike6730019
Posts: 0
Joined: Wed Mar 12, 2014 5:50 pm

Resize Carousel images ti fit device screen

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?

Alena Prykhodko
Posts: 0
Joined: Tue Apr 09, 2013 7:36 am

Resize Carousel images ti fit device screen

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

Mike6730019
Posts: 0
Joined: Wed Mar 12, 2014 5:50 pm

Resize Carousel images ti fit device screen

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

David6950977
Posts: 0
Joined: Wed Jun 25, 2014 5:42 pm

Resize Carousel images ti fit device screen

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.

Yurii Orishchuk
Posts: 0
Joined: Fri Feb 14, 2014 8:20 am

Resize Carousel images ti fit device screen

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.

Return to “Issues”