Image 100% fullscreen stretch

Issue #10 wontfix
Shope Johnson created an issue

Hi,

w3w-responsive-slider doesn't stretch images to 100% of the viewport. On a 19inch screen, you see parts of the next slide showing.

Comments (2)

  1. Lukasz Kokoszkiewicz repo owner

    It's not a bug. If You want to stretch images to full width you should style them a bit differently or use larger images. Here is the example that leads to slides stretch: Set:

    .responsive-slider .slides-container ul li {
      min-width: 100%
    } 
    .responsive-slider .slides-container ul li .slide-body {
      display: block;
    }
    .responsive-slider .slides-container ul li .slide-body img {
      width: 100%;
    }
    

    This will cause images to take entire avaliable space.

  2. Log in to comment