Rotate between Images with different scale

svN

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:

<?php $query = “SELECT FOLDER,FILE_NAME,FILE_SIZE FROM gallery”; $result = mysql_query($query); while ($row = mysql_fetch_array($result)) { ?>

img src=”?php echo $row[‘FOLDER’].” alt=”image” />” title=”<?php echo $row[‘FILE_NAME’];?>”>

<?php } ?>

FrediBach

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 }

svN

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! 🙂

Howdy, Stranger!

Categories