javascript - 动态调整 skitter 幻灯片图像大小

Question

如何通过 jquery 或 css 或任何其他方式调整(缩放)幻灯片图像到不同的大小？

它总是加载主图像的全宽和全高，并且使用以下方式控制不起作用。

可以下载sample full working skitter sample并自己轻松测试

http://www.skitter-slider.net/documentation 内未找到任何帮助

可以按照示例代码调整图像 slider 容器的大小，但如果图像大于 530 像素，它只会显示其中的一部分。

$(document).ready(function() {
           $('.box_skitter_large').css({width: 530, height: 110}).skitter({
                theme: 'minimalist',numbers_align: 'center'                 
            });    
        });
    </script>

在 img 标签中设置图像宽度和高度也没有帮助。

以下是原始问题中更具体的场景，可能会有所帮助。

我编写了以下代码，使用 skitter 和 jquery 在调整窗口大小时动态调整图像大小。但它不工作请帮忙

<script>
$('.box_skitter_normal').addClass("z1").skitter({label: false, numbers: false});
            $('.box_skitter_normal2').addClass("z2").skitter({label: false, numbers: false});

$(window).resize(function() {
   $('.box_skitter_normal').addClass("z1").skitter({label: false, numbers: false});
            $('.box_skitter_normal2').addClass("z2").skitter({label: false, numbers: false});
});
</script>

Answer 1

一个简单的方法是使用 css 将图像的 width 更改为 100% 并删除/设置 width 和 高度 来自 .box_skitter, .container_skitter