Img to background-image, responsive scaling

  • Resolved defmc

    (@defmc)


    8 years, 6 months ago

    Hi,

    anyone able to help me find a way to “filter out” the image-elements to be called back as background-images in their respective containers?

    Alternatively if theres another way to make the slider responsive in a way that image-height does not scale when viewport width shrinks, but rather clips out while maintaing “center position”.

    Heres an example: https://codepen.io/dantveita/pen/amNRPa

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

  • Hi ?? With the premium version, you can create HTML slides where you could set the background image this way. But with the Lite version, without custom coding to swap the <li> <img src /> with a background image would all have to be manual intervention using CSS I’m afraid.

    • This reply was modified 8 years, 6 months ago by akyusa01.
    Thread Starter defmc

    (@defmc)

    Thank you for responding! But unfortunately, it kinda defeats the purpose of having a slider-plugin, if I have to use custom HTML every time i want new slides. All I want is for the slider not scale its height when the viewport width is scaling (obviously without distorting the image). If theres a way to do that without background-images (as in the codepen-example) — i would love to know!

    I guess I have to dig into the source-code and/or start learning filtering ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Img to background-image, responsive scaling’ is closed to new replies.