Question

这是彩盒示例的快速链接。

我需要更改和自定义颜色框加载位置

任何人都可以帮助我？

Answer 1

以下是控制位置的示例

$("#colorbox").css("left","200px");

你可以使用类似的控制左，右，上，下。但元素必须绝对定位。

Answer 2

我为需要添加的导入代码加粗我不知道是否

$（“＃colorbox”）。css（“left”，“200px”）＆lt;是答案。它对我不起作用。 SORRY !!!

但是我得到了解决方案。

你需要在jquery.colorbox.js

一边做一些小改动

无功 // ColorBox默认设置。
//有关详细信息，请参阅http://colorpowered.com/colorbox。 defaults = { positionTop：100，＆lt; ----添加此内容 positionLeft：200， ＆lt; ----添加此内容

更改此代码如下所示（此代码位于publicMethod.position = function（speed，loadedCallback）{）

    posTop = Math.max($window.height() - settings.h - loadedHeight - interfaceHeight, 0) / 2 + $window.scrollTop() **+ settings.positionTop**,
    posLeft = Math.max($window.width() - settings.w - loadedWidth - interfaceWidth, 0) / 2 + $window.scrollLeft() **+ settings.positionLeft**;

然后你可以通过给出位置

来简单地调用colorbox

$ .colorbox（{html：data.content， positionTop：100 ， positionLeft：200

动态Colorbox加载位置

2 个答案: