Slider images change height

Viewing 4 replies - 1 through 4 (of 4 total)

  • Shalom Guy ??

    not so sure, but it’s maybe due to the different heights of your images…
    I think the slider loads the next image before triggering the transition, so the height of the box may vary if the next image doesn’t have the same height.
    Try to have the exact same width and height for your slider images.

    Thread Starter guy1407

    (@guy1407)

    Hi Angel-Grafik

    Thanks for the reply.
    All the images have 400 px in height, so I am not sure…

    Guy

    Very sorry!! My mistake!
    I meant “width” in place of “height”.

    This strange behavior seems to be due to the different aspect ratio of your images.
    So, in short: try to have the same dimension for all your images, same width and same height.

    I made a test and the Nivo Slider’s block has a define max-height and max-width (because of responsiveness of the theme) and its dimension are defined by the current display (computer, tablet,…); so when an image is loaded, its width and height are dynamically define by an inline style to match the dimension of the block, but it seems that these dimension are calculate by the aspect ratio of the loaded image and by the width of it as base of calculation, so if the image doesn’t have the same dimension or the same aspect ration than the block, it can produce this.

    Hope that can be the solution.
    (sorry for my bad English)

    Thread Starter guy1407

    (@guy1407)

    Hi there

    Sorry for my late reply.
    I fixed the width and all is good.

    Thanks again Angel

    Guy

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Slider images change height’ is closed to new replies.