[英]how to automatically open Shadowbox on window/page load
Me using Shadowbox and its working fine. 我使用Shadowbox及其工作正常。 But I dont like to open it after clicking on image (href), need to open it automatocally on pageload. 但我不喜欢在单击图像(href)后打开它,需要在页面加载时自动打开它。
What can I change to do it? 我该怎么做才能改变呢?
Here is HTML 这是HTML
<div id="images">
<a href="resources/certified_training/1.png" rel="shadowbox[certifiedtraining];width=510;height=372">Image -1</a>
<a href="resources/certified_training/2.png" rel="shadowbox[certifiedtraining];width=510;height=372">Image -2</a>
<a href="resources/certified_training/3.png" rel="shadowbox[certifiedtraining];width=510;height=372">Image -3</a>
<a href="resources/certified_training/4.png" rel="shadowbox[certifiedtraining];width=510;height=372">Image -4</a>
<a href="resources/certified_training/5.png" rel="shadowbox[certifiedtraining];width=510;height=372">Image -5</a>
</div>
And here JavaScript 还有JavaScript
window.onload = function () {
loadShadowbox();
};
function loadShadowbox() {
Shadowbox.init({
showOverlay: false
});
window.Shadowbox.setDimensionsOld = window.Shadowbox.setDimensions;
window.Shadowbox.setDimensions = function (height, width, maxHeight, maxWidth, topBottom, leftRight, padding, preserveAspect) {
var S = window.Shadowbox;
window.Shadowbox.setDimensionsOld(height, width, maxHeight, maxWidth, topBottom, leftRight, padding, preserveAspect);
window.Shadowbox.dimensions.top = 340;
window.Shadowbox.dimensions.left = 430;
return window.Shadowbox.dimensions;
}
You atually initialize a Shadowbox on window load, but not opening it. 您可以在窗口加载时至少初始化一个Shadowbox,但不打开它。 Once done, you end the function loadShadowbox
, Instead open the Shadowbox towards the end. 完成后,结束function loadShadowbox
,而是朝最后打开Shadowbox。
EDIT: 编辑:
I have modified the code. 我已经修改了代码。 I actually missed a closed brace. 我实际上错过了一个封闭的括号。
function loadShadowbox() {
Shadowbox.init({
showOverlay: false
});
window.Shadowbox.setDimensionsOld = window.Shadowbox.setDimensions;
window.Shadowbox.setDimensions = function (height, width, maxHeight, maxWidth, topBottom, leftRight, padding, preserveAspect) {
var S = window.Shadowbox;
window.Shadowbox.setDimensionsOld(height, width, maxHeight, maxWidth, topBottom, leftRight, padding, preserveAspect);
window.Shadowbox.dimensions.top = 340;
window.Shadowbox.dimensions.left = 430;
return window.Shadowbox.dimensions;
}
window.Shadowbox.open(); //Add this line
} //This is where your `function loadShadowbox()` ends.
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.