javascript - 在页面加载时启动灯箱

标签 javascript jquery jquery-plugins fancybox lightbox

不确定具体该怎么做,因为我不太擅长 Javascript。

这是我想做的事情:一个人在页面打开后立即转到该页面,灯箱会在页面加载任何其他内容之前自动打开。然后,此人将阅读灯箱中的信息,并有一些关于他们希望如何进行的选项。当他们阅读此信息时,页面的其余部分将在后台加载。

我该怎么做呢?

谢谢!

注意:我正在为我的灯箱使用 Fancybox。

最佳答案

我会推荐 prettyPhoto,我有一个很酷的 API,可以让你从 javascript 打开灯箱。

按照 API 文档 here,您可以使用 JS 执行类似的操作以在加载时启动灯箱:

<script type="text/javascript" charset="utf-8">
  $(document).ready(function(){
    $().prettyPhoto()
    api_images = ['images/fullscreen/image1.jpg','images/fullscreen/image2.jpg','images/fullscreen/image3.jpg'];
    api_titles = ['Title 1','Title 2','Title 3'];
    api_descriptions = ['Description 1','Description 2','Description 3'];
    $.prettyPhoto.open(api_images,api_titles,api_descriptions);
  });
</script>

看我在这个问题上的笔记:

jquery lightbox plugin: Bug on IE7 and IE8!

关于javascript - 在页面加载时启动灯箱,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6804365/

相关文章:

javascript - 使用 window.location.href 更改 URL 后如何知道 DOM 何时再次准备就绪

jquery - 选择名称为数组字段的输入字段

javascript - jquery 验证插件 textarea

jquery - 默认情况下 Bigtext 的问题

javascript - 仅将组中的一个选择添加到数组

javascript - AngularJS 确认密码验证

javascript - 有没有办法使用 JavaScript 重新定位 DOM 元素?

javascript - 使用 Jquery/javascript 调用函数或从一个浏览器窗口与另一个浏览器窗口进行通信

jQuery 禁用可拖动淡出

php - 如何为动态生成的字段创建规则