Menu icon Foundation
ORBIT full width&height 16:9 4:3

Hi everybody

 

I need some help with orbit slider.

 

I want to make it 100% width and 100% height , but....

I have a 1920x1080 slider images.

Images should always taking 100% height but width should be over 100% (if display propotion will change).

Just slider should crop width over browser window (overflow: hidden;)

 

I will show you what i need in PS:

 

Orbit

 

Thanks for help #foundation, #zurb, or others.

 

 

Orbitsliderwidthheight100%resizehelpzurbFoundation

Hi everybody

 

I need some help with orbit slider.

 

I want to make it 100% width and 100% height , but....

I have a 1920x1080 slider images.

Images should always taking 100% height but width should be over 100% (if display propotion will change).

Just slider should crop width over browser window (overflow: hidden;)

 

I will show you what i need in PS:

 

Orbit

 

Thanks for help #foundation, #zurb, or others.

 

 

Rafi Benkual almost 3 years ago

You'll want to set the images to be background images with background-size: cover;

This will allow the image to crop.

The orbit container should be set to height: 100vh.