如何将幻灯片图像调整(缩放)到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)