Welcome to the jKit community. This is the place to discuss everything on and around jKit. Be friendly and I’m sure other members will be friendly with you, too.
Rotate between Images with different scale
  • Hey Fredi,

    I´m just exploring your awesome jquerykit. But now i got a problem. I want to rotate through different pictures in the carousel but the images are different in width and height. Is there a possiblity to resize them through your kit or is there a kind of workaround? Because without anything to resize the pictures, it don´t look very interesting.

    Here my code snippet:

  • Hmmm, there isn’t an option, but maybe you can achieve a scaling effect with CSS. Put your images in a div, give them 100% width and than add some CSS to the container divs that scales them by a specific value. For example if you have 5 divs:

    div.carousel > div:nth-child(1) { width: 50px }
    div.carousel > div:nth-child(2) { width: 75px }
    div.carousel > div:nth-child(3) { width: 100px }
    div.carousel > div:nth-child(4) { width: 75px }
    div.carousel > div:nth-child(5) { width: 50px }
    
    Creator of jKit – www.fredibach.ch
  • I had the same idea. But i generate the images in the carousel out of a MySQL-Table and neither i know the amount of them nor the width of them :/ But i will try it a bit. Maybe i can include a column in the MySQL-table which saves the resolution of the pictures and i let php calculate a bit. But thanks for your help, thanks for your awesome kit! 🙂