当前位置: 首页 > 知识库问答 >
问题:

helper fancybox V2.0.6缩略图

龚宏壮
2023-03-14

我正在使用最新的fancybox和缩略图助手。它工作得很好。我想知道我是否可以更改缩略图选项。当前缩略图的位置改变时,你点击任何拇指。如果从第一个图像到最后一个图像,流是从左到右的。我想把拇指固定在对齐中心。有人知道如何实现吗?谢谢

共有2个答案

姚自强
2023-03-14

对于iOS兼容性,请将@scottorchard的答案与JavaScript的window.innerwidth属性一起使用,而不是$(windows).width():

第116行:

this.list.width(this.width * (obj.group.length + 1)).css('left', Math.floor(window.innerWidth * 0.5 - ((this.width * (obj.group.length) * 0.5))));

第148行:

'left': Math.floor(window.innerWidth * 0.5 - (this.width * (obj.group.length) * 0.5))
袁泰平
2023-03-14

我处理的一个自定义缩略图脚本也有类似的问题。您需要编辑helpers文件夹中的jquery.fancybox-thumbs.js。

将第116行改为:

this.list.width(this.width * (obj.group.length + 1)).css('left', Math.floor($(window).width() * 0.5 - ((this.width * (obj.group.length) * 0.5))));

然后行148至:

'left': Math.floor($(window).width() * 0.5 - (this.width * (obj.group.length) * 0.5))

这应该居中拇指和删除动画时,改变图像,而保持拇指居中,如果您调整您的窗口大小。

 类似资料:
  • 主要内容:实例,添加自定义的内容,实例本章将讲解 Bootstrap 缩略图。大多数站点都需要在网格中布局图像、视频、文本等。Bootstrap 通过缩略图为此提供了一种简便的方式。使用 Bootstrap 创建缩略图的步骤如下: 在图像周围添加带有 class .thumbnail 的 <a> 标签。 这会添加四个像素的内边距(padding)和一个灰色的边框。 当鼠标悬停在图像上时,会动画显示出图像的轮廓。 下面的实例演示了默认的

  • 本章讨论Bootstrap缩略图。 许多网站需要一种在网格中布置图像,视频,文本等的方法,而Bootstrap可以通过缩略图轻松实现此目的。 使用Bootstrap创建缩略图 - 在图像周围添加一个带有.thumbnail类的<a>标签。 这会添加四个填充像素和一个灰色边框。 在悬停时,动画光晕会勾勒出图像。 以下示例演示了一个默认缩略图 - <div class = "row"> <div

  • 简写 全称 翻译 CoAP Constrained Application Protocol 受限应用程序协议 DHCPv6 Dynamic Host Configuration Protocol for IPv6 IPv6 的动态主机配置协议 IANA Internet Assigned Numbers Authority 互联网数字分配机构 IETF Internet Engineering

  • 我的购物车页面有问题。我遇到的问题是产品缩略图图像被裁剪,并且正在切断我的图像。 我转到产品显示设置并调整了缩略图大小,但缩略图图像仍然太小且被裁剪。 购物车页面图像 我想知道如何解决这个问题,有人能帮忙吗? 我还想了解如何将购物车页面上的产品图像更改为不同的图片,而不影响网站前端的产品图像。

  • 问题内容: 我经常看到Java类名称,例如 代替 我的直觉是完全使用大写字母的首字母缩写词,但显然很多人有不同的看法。也许只是因为许多代码生成器在使用首字母缩略词时遇到了麻烦… 所以我想听听公众意见。您如何大写包含缩写词的类名? 问题答案: 我们使用Java和.NET一样的驼峰式大小写约定。不是出于代码生成器的原因,而是出于可读性。考虑在一个名称中组合两个首字母缩略词的情况,例如,一个将XML转换

  • 接口说明 为了更好的查看当前场景内的数据概况,可以通过设置缩略图的方式来实现 如需调用,请访问 开发者文档 来查看详细的接口使用说明 该接口仅开放给已获取SDK的开发者 API地址 POST /api/scene/1.0.0/setImg 是否需要登录 是 请求字段说明 参数 类型 请求类型 是否必须 说明 id string form 是 场景ID ibc string form 是 图片二进制