我使用的是 jquery ui slider ,我希望用户能够使用 slider 通过调整大小属性调整图像大小。我不确定如何让它工作。任何建议或想法将不胜感激。
jQuery("#slider2").slider({
value: 0,
max: 360,
min: 0,
slide: function(event, ui) {
jQuery(".resize-image").css({
'resize': 'rotateZ('+ui.value+'deg)',
'-moz-transform': 'rotateZ('+ui.value+'deg)',
'-o-transform': 'rotateZ('+ui.value+'deg)',
'transform': 'rotateZ('+ui.value+'deg)',
})
}
});
最佳答案
使用 onclick 函数获取 slider 的值,并使用该值来增加或减少图像的宽度。
$(function () {
var pre_val = 0;
$("#slider-range-min").click(function(){
var val = $('#slider-range-min').slider("option", "value");
var width_img = $(".bgSizeContain").width()
if(val>pre_val){
width_img += val
} else {
width_img -= val
}
pre_val = val;
$(".bgSizeContain").width(width_img)
})
$("#slider-range-min").slider({change: function(event, ui) {console.log('It Works!')}});
});
Link到 jsfiddle
关于javascript - 如何使用 slider 和调整大小属性调整图像大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51236523/