【发布时间】:2013-10-29 09:22:04
【问题描述】:
我使用Shadowbox 并且工作正常。 但是我不喜欢点击图片(href)后打开它,需要在页面加载时自动打开它。
我可以改变什么来做到这一点?
这里是 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>
这里是 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;
}
【问题讨论】:
-
window.onload = function() { Shadowbox.open(); }? -
我不知道如何将它与我在 hrefs 中的图片一起使用....
标签: javascript html image shadowbox