Horizontal fluid width fit images

MULTIPLE IMAGE SLIDER LAYOUT STYLES

We have designed the Kreative theme portfolio single page to allow to set the image slider layout style in six possible layout styles, this way it will support all image formats (portrait, landscape or in between). The layout styles can be set easily in the admin based on your project type.

Horizontal Fluid Width Fit Images: This layout type displays the image slider in fluid width setting the image slider width to the browser viewport width and shows as many images as possible example here.

Horizontal Fluid Width Full Images: This layout type displays the image slider in fluid width setting the image slider width to the browser viewport width and shows one image at a time example here.

Horizontal Fullscreen Fit Images: This layout type displays the image slider in fullscreen setting the image slider width and height to the browser viewport width and height showing as many images as possible example here.

Horizontal Fullscreen Full Images: This layout type displays the image slider in fullscreen setting the image slider width and height to the browser viewport width and height showing one image at a time example here.

Vertical Fit Images: This layout type displays the image slider in the page content setting the image slider width to the page content width showing the images from top to bottom vertically example here.

Vertical Full Images: This layout type displays the image slider in fullscreen setting the image slider width and height to the browser viewport width and height showing the images from top to bottom vertically example here.

Share

Comments

  • Example of comment made by the author post.

    • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Leave a Reply

Your email address will not be published. Required fields are marked *