3

我在一个链接上使用过 Shadowbox 很多次,并且知道 href 指示 Shadowbox 在框中加载什么页面,如下所示:

<a rel="shadowbox;width=700;height:500;" id="something" href="/page/iwantto/load/here.php">

但是,我现在需要在用户进入页面后立即出现一个影子框。不是onclick,而是onload。

我正在使用以下代码:

    window.onload = function() {
    // open a welcome message as soon as the window loads
  Shadowbox.open({
      content:    '<div><a href="/some/path/here.php">Clicky</a></div>',
      player:     "html",
      title:      "A Title",
      height:     600,
      width:      700
  });

};

来自http://www.shadowbox-js.com/usage.html

正如任何比我更了解 shadowbox 的人所意识到的那样……这会导致一个带有链接词“clicky”的黑色 shadowbox,当您单击时,父页面会指向该链接。

我很抱歉在这里问了这样一个基本问题,但我已经用谷歌搜索了几个小时并阅读了 shadow-js.com 上的一堆东西,但我没有找到打开 onload shadowbox 所需的语法链接。我试过添加这一行:

link:       '/some/path/here.php',

但也不是这样。我还阅读了一些关于 .setup 的信息,但并不完全了解如何使用它。如果有人可以为我指出正确的教程方向或解释一些很棒的代码。谢谢你。

4

1 回答 1

2

内容也是错误的,标题也不是必需的。

window.onload = function() {
  Shadowbox.open({
      content:    'some/path/here.php',
      player:     "iframe",
      height:     600,
      width:      700
  });

};
于 2012-05-18T05:24:25.760 回答