0
我想知道如何讓R. Recco的CloudCarousel V1.0.5插件可以用不同的圖像大小進行縮放。 我的意思是：我在Foundation響應框架中包含了圖像輪播，並且由於我的其他Web應用程序可以正確匹配不同的字體大小（在版式中使用rem基礎），所以我想知道哪些屬性需要更改以及如何更改在插件中，以保持相同的方面更大或更小的尺寸。如何使用不同的圖像大小縮放雲端輪播v1.0.5
目前，我只改變了一些線性屬性（xpos，ypos），但由於插件使用了一些非線性函數（cos，sin..etc），我無法制定出遵循的模式使用包裝容器相應地改變尺寸後，空間和位置不匹配）。我也嘗試過修改最小比例尺，但我不知道還有什麼更多的接觸。
有人可以提供一些關於需要改變什麼的提示來正確縮放一切嗎？
以下是帶有相關代碼的jsfiddle。希望這將是足夠的。
http://jsfiddle.net/joseAyudarte91/UaJg3/6/
這是HTML：
<div id="carousel_wrapper">
<div id = "cloud_carousel">
<!-- All images with class of "cloudcarousel" will be turned into carousel items -->
<!-- You can place links around these images -->
<a href="#" rel="Caserio nevado"><img class="cloudcarousel" src="http://s26.postimg.org/jxv8igwfd/image.jpg" alt="Miniatura: caserio nevado" title="Caserio nevado" /></a>
<a href="#" rel="Desayuno en el porche"><img class="cloudcarousel" src="http://s26.postimg.org/yjm96pt7t/image.jpg" alt="Desayuno en el porche" title="Desayuno en el porche" /></a>
<a href="#" rel="Suite"><img class="cloudcarousel" src="http://s26.postimg.org/62wy00209/image.jpg" alt="Suite" title="Suite "/></a>
<a href="#" rel="Porche hamacas"><img class="cloudcarousel" src="http://s26.postimg.org/9rmmzhc15/image.jpg" alt="Porche hamacas" title="Porche hamacas" /></a>
<a href="#" rel="Sauna"><img class="cloudcarousel" src="http://s26.postimg.org/4dnurxmax/image.jpg" alt="Sauna" title="Sauna" /></a>
<a href="#" rel="camino entorno"><img class="cloudcarousel" src="http://s26.postimg.org/yng2myyp5/image.jpg" alt="Camino entorno" title="Camino entorno" /></a>
<a href="#" rel="Sala con minibar"><img class="cloudcarousel" src="http://s26.postimg.org/glwxp64o9/image.jpg" alt="Sala con minibar" title="Sala con minibar" /></a>
<a href="#" rel="Pantano Landa"><img class="cloudcarousel" src="http://s26.postimg.org/9swkswdux/image.jpg" alt="Pantano Landa" title="Pantano Landa" /></a>
<!--<a href="#" rel="Vistas con nieve"><img class="cloudcarousel" src="images/thumbnails/09.jpg" alt="Vistas con nieve" title="Vistas con nieve" /></a>
<a href="#" rel="Porche vistas exterior"><img class="cloudcarousel" src="images/thumbnails/10.jpg" alt="Porche vistas exterior" title="Porche vistas exterior" /></a>-->
</div>
<!-- Define left and right buttons. -->
<center>
<input id="slider-left-but" type="button" value="" />
<input id="slider-right-but" type="button" value="" />
</center>
<div id="title_carousel">BIENVENIDO A ATERBE</div>
</div>
好吧，抱歉，但我有一些問題在這裏投入更多的代碼。我無法真正理解爲什麼需要如果我有一個jsfiddle鏈接..無論如何，一切都可以在那裏看到。
感謝