Jquery 哪一个变量决定了环形交叉口插件中非焦点元素的位置?

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,但很明

我正在使用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个视图,我肯定它是看不见的。祈祷