Jquery plugins 如何使用不同的图像大小缩放cloud carousel v1.0.5

我想知道如何才能使R.Recco的CloudCarousel V1.0.5插件具有不同图像大小的可伸缩性。 我的意思是：我在基础响应框架中包含了图像旋转木马，因为我的Web应用程序的其余部分正确地适应不同的字体大小（使用布局中的REM基），我想知道哪些属性我必须改变，以及如何在插件中保持相同的方面，以更大或更小的大小。 目前，我只更改了一些线性属性（xpos、ypos），但由于插件使用了一些非线性函数（cos、sin..等），我无法计算出要遵循的模式（相应地更改包装容器的大小后，空间和位置不匹配）。我也尝试过修改最小刻度，但我不知道还有什么可以触摸

有没有人能给我一些提示，告诉我什么东西需要改变才能正确地缩放

下面是带有相关代码的JSFIDLE。希望这足够了

这是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>

比恩维多阿特贝酒店

好的，很抱歉，我有一些问题需要在这里添加更多代码。如果我有一个JSFIDLE链接，我真的不明白为什么需要它。。不管怎样，那里什么都可以看到

---

谢谢

好的，我在另一篇我以前没看过的帖子中找到了答案。似乎需要首先更改转盘圈的无线电：