Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
移动框jquery插件可变宽度_Jquery_Slider - Fatal编程技术网

移动框jquery插件可变宽度

移动框jquery插件可变宽度,jquery,slider,Jquery,Slider,我正在考虑使用jquery插件。 有人能告诉我,如果有可能使它处理可变宽度的面板 我需要一个图像滑块/旋转木马,使当前图像居中,并显示上一个和下一个图像的一半。移动框很好,几乎可以满足需要,只需要可变宽度的图像仍然可以滑动到中间。是的,这是可能的,调整HTML中div.inside和.img的宽度以适应图像的实际大小,并删除CSS中在滑动期间重新分配宽度的行。查看演示时,您可以通过检查元素并在浏览器中编辑它们来完成此操作 编辑CSS和HTML,另外在jQuery中设置img大小和容器大小,这位于

我正在考虑使用jquery插件。 有人能告诉我,如果有可能使它处理可变宽度的面板


我需要一个图像滑块/旋转木马,使当前图像居中,并显示上一个和下一个图像的一半。移动框很好,几乎可以满足需要,只需要可变宽度的图像仍然可以滑动到中间。

是的,这是可能的,调整HTML中div.inside和.img的宽度以适应图像的实际大小,并删除CSS中在滑动期间重新分配宽度的行。查看演示时,您可以通过检查元素并在浏览器中编辑它们来完成此操作

编辑CSS和HTML,另外在jQuery中设置img大小和容器大小,这位于slider.js的顶部

        var totalPanels         = $(".scrollContainer").children().size();

var regWidth            = $(".panel").css("width");
var regImgWidth         = $(".panel img").css("width");
var regTitleSize        = $(".panel h2").css("font-size");
var regParSize          = $(".panel p").css("font-size");

var movingDistance      = 300;

var curWidth            = 350;
var curImgWidth         = 326;
var curTitleSize        = "20px";
var curParSize          = "15px";

尝试根据需要删除/编辑这些值

嘿,非常感谢您的帮助。我尝试过删除所有宽度样式,并将宽度放在HTML中实际的img标记上,但当它加载时,它会获取第一个元素的宽度,并将所有宽度设置为该宽度。有什么想法吗?非常感谢scott我有机会的话会试试的。干杯,伙计