Question

我正在使用http://css-tricks.com/moving-boxes/ jquery插件。有人可以告诉我是否可以让它处理可变宽度的面板？

我需要一个图像滑块/旋转木马，它将当前图像居中，并显示上一张和下一张图像的一半。移动的盒子很棒，几乎适合法案只需要可变宽度的图像，仍然可以滑到中心。

Answer 1

是的，可以在HTML中调整div .inside和.img中的宽度以获取图像的实际大小，并删除CSS中将在幻灯片中重新指定宽度的行。您可以通过在查看演示时检查元素并在浏览器中编辑它们来完成此操作。

编辑CSS和HTML，另外img大小和容器大小在jQuery中设置，这是在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";

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

移动框jquery插件可变宽度

1 个答案: