自动打开第一张 Fancybox 图片

2024-03-13

单击链接后,我将从 JSON get 中引入一些图像,然后单击其中一张图片时可以显示图库,但我希望第一张图像立即出现,作为一旦JSON 已加载。这可能吗?

我的代码是:

$("#json-get")
    .css("cursor","pointer")
    .click(function(){
        $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?",
            function(data){
                $.each(data.items, function(i,item){
                    $("<a/>").attr("rel", "group").addClass("json-im").appendTo("#imgs").attr("href", item.media.m).append(
                    $("<img/>")
                        .attr("src", item.media.m)
                    );
                });
                $("#imgs a").fancybox();
                // Load the first element
            });
});

非常感谢!


尝试添加:

  $("#imgs a:first").trigger('click');

创建 fancybox 之后。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

自动打开第一张 Fancybox 图片 的相关文章

  • 使用 Spring / JPA 写入 Postgres 数据库的 JSON 列

    我有一个名为 test 的表 其中包含 Postgres 9 3 中 json 类型的列 sample column 我正在尝试使用 Spring JPA 将以下内容写入列中 name 更新的名称 我在其他帖子中读到 我需要添加自定义转换器
  • 将事件添加到 Google Maps API InfoWindow 内的元素

    我想在 Google Maps API v3 InfoWindow 内放置一个带有输入字段和提交按钮的表单 提交后 我想调用一个函数 该函数使用输入字段中输入的地址启动方向服务 这是我的代码 我目前只测试方向事件是否被触发 我已经编写了完整
  • 三.js环境光意想不到的效果

    在下面的代码中 我渲染了一些立方体并使用点光源和环境光照亮它们 然而 当设置为 0xffffff 时 AmbientLight 会将侧面的颜色更改为白色 无论其指定的颜色如何 奇怪的是 点光源按预期工作 我怎样才能使环境光表现得像点光 因为
  • Chrome JavaScript 日期构造函数获取 1884 年之前的日期似乎是错误的

    如果我将 1 1 1753 午夜 的 unix 毫秒时间戳值 6847786800000 传递给 Chrome 中的 JavaScript Date 构造函数 则 Chrome 给出的日期看起来非常奇怪 当我使用带有七个参数的 Date 构
  • 修剪日期格式 PrimeNG 日历 - 删除时间戳、角度反应形式

    我将以下内容推入我的反应形式 obj 中2016 01 01T00 00 00 000Z但我想要以下2016 01 01 有谁知道有一个内置函数可以实现上述目的 我已经搜索过文档here https www primefaces org p
  • 在 JQuery ui 自动完成中显示图像

    我有一个带有 JQuery ui 自动完成功能的脚本 可以完美运行 有一个显示用户名字和姓氏的搜索过程 但在我的数据库中 还有用户的图片 我想将其显示在带有名字和姓氏的建议中 数据库中pic包含图片url 剧本 function searc
  • 动态更改 vuejs 2 中的选择输入选项

    如何动态更改选择下拉 v model 中的选项 我有 2 个选择输入 其中一个应该根据其他输入进行更改 例如 如果我选择 水果 则选择显示水果 如果我选择 蔬菜 则选择显示蔬菜 我不使用Vuejs 但查看文档后 var TypesArr F
  • 如何使用 Jersey 将嵌套列表封送为 JSON?我得到一个空数组或一个包含数组的单元素字典数组

    我正在开发一个使用 Jersey 将对象转换为 JSON 的项目 我希望能够写出嵌套列表 如下所示 data one two three a b c 我想要转换的对象首先将数据表示为 gt gt 我认为 Jersey 会做正确的事情 以上输
  • Angularjs - 将 True/False 显示为 Yes/No

    有没有一种简单的方法可以将真 假值显示为是 否 我正在从数据库检索包含以下内容的 JSON 对象 对象 WithCertification true 这是 HTML 有认证 elem WithCertification 正在显示这个 认证真
  • 在 Chrome 中加载analytics.js时出现307重定向

    我正在构建一个网络应用程序并使用 Google Analytics analytics js 进行分析 我最近注意到 Chrome 中的分析功能无法正常工作 我使用单独模块中的标准代码片段加载分析并通过 requirejs 包含 我已验证该
  • 可选回调的 JavaScript 样式

    我有一些函数偶尔 并非总是 会收到回调并运行它 检查回调是否已定义 函数是一种好的风格还是有更好的方法 Example function save callback do stuff if typeof callback undefined
  • 如何更改元素的 CSS 类并在单击时删除所有其他类

    我如何处理 AngularJS 2 中的一种情况 即单击一个元素需要更改其自己的样式 并且如果其他元素具有该样式 则需要将其删除 最好在一个函数中 如同Angular js 如何在单击时更改元素 css 类并删除所有其他元素 https s
  • Facebook API Javascript JSON 响应

    function getUser FB api me function response console log Response is response alert Your name is response first name ale
  • 如何使用 Jquery .animate() 函数创建连续滚动内容? [复制]

    这个问题在这里已经有答案了 可能的重复 在jquery中实现圆形滚动条 https stackoverflow com questions 812049 implementing circular scroller in jquery 我想
  • Socket.io 与服务器离线连接

    如何检测服务器是否离线或由于其他原因无法连接 我的代码看起来像这样 this socket io connect connectionInfo reconnect false 它不会抛出任何错误 因此 try catch 子句不起作用 Us
  • SlickGrid 回调onRowSelect?

    我想在用户选择表中的一行时添加回调 但我不知道该怎么做 这是我到目前为止所拥有的
  • 检查 JSON 模式中不同的嵌套属性

    有没有办法在嵌套 JSON 模式中实现相当于 CHECK 约束的 Postgres 假设我们有具有两个属性的数据 每个属性都有嵌套属性 JSON Schema 如何使第一个对象所需的内容依赖于第二个对象 我的真实案例场景是为 GeoJSON
  • Angular 停止 Enter 键提交

    I am trying to stop the Enter from submitting my button and rather make it point to another function I tried trapping th
  • ASP.NET JQuery AJAX POST 返回数据,但在 401 响应内

    我的应用程序中有一个网页 需要调用我设置的 Web 服务来返回对象列表 这个调用是这样设置的 document ready function var response ajax type POST contentType applicati
  • 使用 javascript/jquery 从数据库格式化日期的正确方法

    我正在调用包含日期时间数据类型的数据库 日期看起来像这样 2005 05 23 16 06 00 000 当用户从列表中选择某个项目时 我想在表格中显示它 我调用我的控制器操作并返回所有时间的 Json 并将它们放入表中 问题是日期完全错误

随机推荐

  • vagrant 从 github 安装插件

    我们使用 Vagrant 进行部署 最终希望在 Rackspace 上部署这个集群 这流浪者机架空间 https github com mitchellh vagrant rackspace插件是一个自然的选择 但它有一些最新的 0 1 1
  • 用 C# 实现发送服务器发送事件(无 ASP.NET / MVC / ...)

    对于一个项目 我需要实现SSE 服务器发送事件 https www html5rocks com en tutorials eventsource basics 在 C 应用程序中 虽然这听起来很容易 但我不知道如何解决这个问题 由于我是
  • Tic Tac Toe 游戏的 Javascript 对象

    这里是 Javascript 主题的完全新手 我正在尝试编写一个 Tic Tac Toe 游戏 同时使用 JS 对象来节省代码空间 我想我可以创建一个 JS 对象 它将 HTML 代码中定义的所有 9 个字段以 id one 到 nine
  • 如何使用 NetBeans 和 x-debug 查看长字符串的值?

    x debug 或 NetBeans 是否有设置来扩展其显示的最大字符串大小 使用 NetBeans 在 Windows 中调试 PHP 应用程序 我可以添加监视或将鼠标悬停在任何变量上以查看其值 但对于长字符串 我得到的只是 字符串 没有
  • (Android Studio 语音识别器)即使我给了它 RECORD_AUDIO 和 INTERNET,我还是收到错误 9(权限不足)

    package blessupboys speechtest import android app Activity import android content Context import android content Intent
  • 静态和非静态方法的同步块

    我创建了两个线程 并使用称为该对象的静态和非静态方法的单个类实例 理想情况下 静态方法需要使用类名来调用 我也这样做了 我同步了线程正在调用其方法的类的私有静态成员上的静态和非静态方法 我注意到输出是同步的 我的问题是 静态方法如果使用同步
  • 将 jsTree 节点设置为“未确定”状态

    我在用着jsTree http www jstree com 显示带有复选框的树 每个级别的节点都使用以下命令按需加载json data plugin 如果检查节点的后代 则该节点应处于 未确定状态 如 ACME 和 USA 问题是 树一开
  • 程序类型已存在:io.invertase.firebase.BuildConfig

    根据一些谷歌搜索 两个包之间似乎存在一些重叠 我过去遇到过类似的问题 我认为我能够使用 gradlew clean 修复它 但这并不能解决我当前的问题 这是错误 任务 app transformDexArchiveWithDexMerger
  • 箱子堆放问题

    我在很多地方都发现了这个著名的 dp 问题 但我不知道如何解决 给你一组 n 种类型 矩形 3 D 盒子 其中第 i 盒子的高度为 h i 宽度为 w i 深度 d i 均为实数 你 想要创建一堆盒子 尽可能高 但你可以 只将一个盒子堆叠在
  • 如何处理使用相同数据库的两个独立 Laravel 项目的迁移?

    我们的设置是这样的 我们有 API 可以为 iOS 和 Android 应用程序提供支持 我们有一个管理 API 可以为管理 Web 应用程序提供支持 我正在开发管理员 我的同事正在开发应用程序 API 它们都使用相同的数据库和大部分相同的
  • Ternary 和 If/Else 编译成相同的东西,为什么?

    编译器将简单的三元语句编译为与编译简单的 if else 语句相同的东西吗 另外 为什么编译器会被设计为以不同的方式编译它们 例如 这样 int a 169 int b 420 int c c a gt b 42 69 编译为与此相同的内容
  • 是否可以支持旧 API 级别的 setScrollY() (ScrollView API 14) 之类的函数?

    我正在编写一个简单的第一个 Android 应用程序 我的主要活动之一是相当长的 ScrollView 其中我有一些调用其他 ListView 的按钮 当 ListView 完成并且 ScrollView 回来时 我希望屏幕上的位置与第一次
  • 我们可以将两个连接到不同数据库的 Django/python 应用程序合并到一个集成应用程序中吗

    我有两个独立的 Django 应用程序连接到不同的数据库 我想制作一个父应用程序 将请求路由到两个子应用程序之一 这可能吗 我怎样才能实现这一目标 父应用程序不必连接到任何数据库 它应该只是将请求路由到子应用程序 谢谢您的帮助 这个有可能
  • 为什么我在后台运行脚本时会得到“暂停(tty 输入)”的信息

    我写了一个tcsh脚本来清除集群中的垃圾数据 代码是 set hosts 1 set clear path 2 foreach i hosts rsh i rm rvf clear path end 当我在后台运行此脚本时 如下所示 dis
  • 如何查找两个 JavaScript 对象数组之间的差异?

    我有两个 JavaScript 数组orig 原始对象数组 和update 更新后的对象原始数组 具有相同的长度并包含对象 我想输出每对对象之间的差异 Example var orig enabled true name Obj1 id 3
  • 如何将 unicode 字符发送到活动应用程序?

    我需要 Windows API 中的 SendInput 之类的东西 我看到这个方法 我不知道有什么办法可以将unicode字符转换为虚拟键码 CGEventRef CGEventCreateKeyboardEvent CGEventSou
  • Neo4j 2 和 Java 8

    Java 8 将于本周发布 当将 Neo4j 1 9 与 Java 7 一起使用时 我们看到弹出警告 提示仅支持 6 但我们对 1 9 7 组合从未遇到任何问题 我知道 Neo4j 2 不能使用低于 Java 7 的任何东西 但是 Neo4
  • 禁用键盘 :: TextInput React Native

    下面给出的代码在第一次和第二次点击时有效 在相同的文本输入上它不起作用 键盘再次打开 因为文本输入已经聚焦 并且我正在使用自定义数字按钮进行输入 TextInput onFocus Keyboard dismiss 有什么建议么 原生反应的
  • HTML5 中是否可以实现类似 Photoshop 的混合模式?

    我想放一个红色矩形 div 元素在我的网页上 这样它不仅看起来是透明的 而且就像在 Photoshop 的乘法模式中混合的一样 The div 将有position fixed 所以下面的内容会很快改变 任何 HTML5 CSS3 canv
  • 自动打开第一张 Fancybox 图片

    单击链接后 我将从 JSON get 中引入一些图像 然后单击其中一张图片时可以显示图库 但我希望第一张图像立即出现 作为一旦JSON 已加载 这可能吗 我的代码是 json get css cursor pointer click fun