我正在考虑使用http://css-tricks.com/moving-boxes/ jquery 插件。有人可以告诉我是否可以让它处理可变宽度的面板?
我需要一个图像滑块/轮播,将当前图像居中并显示一半的上一张和下一张图像。移动框很棒,几乎符合要求,只需要仍然滑动到中心的可变宽度图像。
我正在考虑使用http://css-tricks.com/moving-boxes/ jquery 插件。有人可以告诉我是否可以让它处理可变宽度的面板?
我需要一个图像滑块/轮播,将当前图像居中并显示一半的上一张和下一张图像。移动框很棒,几乎符合要求,只需要仍然滑动到中心的可变宽度图像。
是的,这是可能的,调整 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";
尝试根据需要删除/编辑这些值