小编Pra*_*mod的帖子

动态调整滑行幻灯片图像大小

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

它总是加载主图像的全宽和高度,并用以下方式控制不起作用.

你可以下载样品全功能的skitter样品 并自己轻松测试

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

可以通过以下示例代码调整图像滑块容器的大小,但如果图像大于530像素,则只显示其中的一部分.

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

在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>
Run Code Online (Sandbox Code Playgroud)

html javascript jquery css3 skitter-slider

6
推荐指数
1
解决办法
4540
查看次数

标签 统计

css3 ×1

html ×1

javascript ×1

jquery ×1

skitter-slider ×1