相关疑难解决方法(0)

如何调整这个滑块的宽度超级困惑...

我已经尝试编辑你看到它注释掉的jquery:

jQuery(document).ready(function ($) {

        var nestedSliders = [];

        $.each(["sliderh1_container", "sliderh2_container", "sliderh3_container"], function (index, containerId) {
            var nestedSliderOptions = {
                $PauseOnHover: 1,                               //[Optional] Whether to pause when mouse over if a slider is auto playing, 0 no pause, 1 pause for desktop, 2 pause for touch device, 3 pause for desktop and touch device, default value is 1
                $SlideDuration: 500,                                //[Optional] Specifies default duration (swipe) for slide in milliseconds, default value is 500
                $MinDragOffsetToSlide: 20,                          //[Optional] Minimum drag offset to …

我在业余时间是一名艺术摄影师,我正在使用一个很棒的开源幻灯片库JSSOR为我的网站(注:NSFW)设计一个新的设计.

我想填充浏览器而不改变照片的纵横比(即,尽可能地将它们居中).

一个很好$FillMode的1工作,但我在创建代码以响应浏览器调整大小/旋转时遇到问题.

在调整大小时计算适当的新高度/宽度(浏览器减去页脚文本和一点边距)很容易,但在幻灯片初始化后似乎无法以编程方式设置宽度和高度.我错过了什么吗？

我在JSSOR上看到的所有响应代码(例如,这个答案)都使用了该$ScaleWidth()方法.不幸的是,该方法试图保持幻灯片画布的宽高比,而我希望幻灯片画布随浏览器一起拉伸(同时通过逻辑保持照片的宽高比$FillMode=1).

我挖成的代码的$ScaleWidth(),但有一些奇怪的DOM,巫术在那里,所以我还没有想出如何创建我自己的方法来强制调整为特定的宽度和高度.

想法？