Javascript SlidesJS是否将SlidesJS容器的高度设置为幻灯片的高度?
我在我的网站上使用SlidesJS作为滑块。我想让每张幻灯片的高度和宽度与当前图像的高度和宽度相匹配。为此,我需要使元素Javascript SlidesJS是否将SlidesJS容器的高度设置为幻灯片的高度?,javascript,slider,height,slidesjs,Javascript,Slider,Height,Slidesjs,我在我的网站上使用SlidesJS作为滑块。我想让每张幻灯片的高度和宽度与当前图像的高度和宽度相匹配。为此,我需要使元素slidesjs容器和slidesjs控件在滑块中拖动当前图像的高度。我已经设法让幻灯片中的图像根据实际文件的尺寸自动调整高度/宽度,但是现在我的滑块和下一个内容部分下面有很多空白,因为容器仍然从包含滑块的元素中提取高度 有人能帮我找出如何设置slidesjs容器和slidesjs控件的高度以匹配当前图像的高度吗 下面是设置容器/控件元素高度的javascript: Plugi
slidesjs容器
和slidesjs控件
在滑块中拖动当前图像的高度。我已经设法让幻灯片中的图像根据实际文件的尺寸自动调整高度/宽度,但是现在我的滑块和下一个内容部分下面有很多空白,因为容器仍然从包含滑块的元素中提取高度
有人能帮我找出如何设置slidesjs容器和slidesjs控件的高度以匹配当前图像的高度吗
下面是设置容器/控件元素高度的javascript:
Plugin.prototype.update = function() {
var $element, height, width;
$element = $(this.element);
this.data = $.data(this);
$(".slidesjs-control", $element).children(":not(:eq(" + this.data.current + "))").css({
display: "none",
left: 0,
zIndex: 0
});
width = $element.width();
height = (this.options.height / this.options.width) * width;
this.options.width = width;
this.options.height = height;
return $(".slidesjs-control, .slidesjs-container", $element).css({
width: width,
height: height
});
};
我有一个类似的问题,但需要改变容器的高度。我喜欢这样:
$("#slides").slidesjs({
//other options here
callback: {
loaded: function(number) {
$(".slidesjs-container").css("height", height);
}
}
});
在
jquery.slides.min.js文件中,替换以下内容:
n=this.options.height/this.options.width*r
与:
n=this.options.height