Jquery 哪一个变量决定了环形交叉口插件中非焦点元素的位置?
我正在使用Roundound插件循环3个div。每个div都是794px宽,这使得焦点元素794中的环形交叉口和两个不焦点元素315.218px宽,这样每个div的一半都被焦点div隐藏。这一切都很好,但是显示器的总宽度需要保持在1000px以内(理想情况下是980px,但如果需要,我可以伪造) 基本上,我想让非焦点div被焦点div隐藏3/4,但我一生都不知道需要编辑哪些变量才能做到这一点。不幸的是,它不是像z-index和minScale这样容易更改的选项之一。我试过minScale,但很明显这是行不通的 该插件输出以下代码:Jquery 哪一个变量决定了环形交叉口插件中非焦点元素的位置?,jquery,positioning,Jquery,Positioning,我正在使用Roundound插件循环3个div。每个div都是794px宽,这使得焦点元素794中的环形交叉口和两个不焦点元素315.218px宽,这样每个div的一半都被焦点div隐藏。这一切都很好,但是显示器的总宽度需要保持在1000px以内(理想情况下是980px,但如果需要,我可以伪造) 基本上,我想让非焦点div被焦点div隐藏3/4,但我一生都不知道需要编辑哪些变量才能做到这一点。不幸的是,它不是像z-index和minScale这样容易更改的选项之一。我试过minScale,但很明
我需要找出是什么改变了左侧的位置,使其更靠近舞台中心,如下图所示:
我试着使用插件的定位功能,但所做的只是将所有东西依次向左或向右移动
非常感谢您的帮助。一旦我弄明白所有这些jquery的东西,这个网站将会非常棒
下面是指向我的.js文件的链接:我在上有一个溢出:隐藏,以帮助指导那些没有重点的项目的定位。我仍然认为我没有找到理想的解决方案,但没有任何指导,我只是开始对脚本进行黑客攻击,在这里和那里更改数字,看看发生了什么。通过修改数学,我可以使侧面元素更靠近中心,如下所示:
(function($) {
"use strict";
var defaults, internalData, methods;
// add default shape
$.extend({
roundaboutShapes: {
def: "lazySusan",
lazySusan: function (r, a, t) {
return {
x: Math.sin(r + a),
y: (Math.sin(r + 3*Math.PI/2 + a) / 8) * t,
z: (Math.cos(r + a) + 1) / 2,
scale: (Math.sin(r + Math.PI/2 + a) / 1.5) + 0.5 // default setting a) / 2.0) changed to bring out of focus elements closer to the middle
};
}
}
});
为了调整倾斜度(根本不响应预定义的var),我修改了为“top”定义的css
// update item
child
.css({
left: ((factors.x * info.midStage.width + info.nudge.width) - factors.width / 2.0).toFixed(0) + "px",
top: ((factors.y * info.midStage.height + info.nudge.height) - factors.height / 1.3).toFixed(0) + "px",
// default setting is factors.height / 2.0. changed to adjust height ratio of in focus and out of focus items
width: factors.width + "px",
height: factors.height + "px",
opacity: (info.opacity.min + (info.opacity.diff * factors.scale)).toFixed(2),
zIndex: Math.round(info.zValues.min + (info.zValues.diff * factors.z)),
fontSize: (factors.adjustedScale * data.startFontSize).toFixed(1) + "px"
});
data.currentScale = factors.adjustedScale;
我希望这对某人有帮助。我知道必须有一个更好的方法来做,所以如果有人找到答案,请张贴它 我自己也有同样的问题,并调整了上面建议的选项,但没有乐趣。我将这些选项重置为默认值,并调整了以下选项,使其适合我的980px容器:
info.midStage = {
width: info.stage.width / 2.69,
//original value was 2.0 - changed to resize the item and move it closer to the middle
height: info.stage.height / 2
};
info.nudge = {
width: info.midStage.width + (info.stage.width * 0.18),
//original value was 0.05 - changed to resize the item and move it closer to the middle
height: info.midStage.height + (info.stage.height * 0.05)
};
希望这能帮助您或其他人解决此问题。调整环岛ul的宽度/高度设置应该可以完成这项工作。有人吗?一定有办法…规则里有没有规定我可以撞多少次?只有21个视图,我肯定它是看不见的。祈祷