Javascript 有没有办法使用lightbox2在图像之间实现更平滑的过渡?

Javascript 有没有办法使用lightbox2在图像之间实现更平滑的过渡?,javascript,image-gallery,transitions,lightbox2,Javascript,Image Gallery,Transitions,Lightbox2,我正在使用Lightbox2: 该插件似乎是以一种在导航到收藏中的新图像时产生“闪光”效果的方式编写的。我认为这是因为旧图像只是消失了,而不是先淡出或与正在淡入的新图像交叉淡入(这将是理想的) 对于此缺陷的演示,只需查看上面Lightbox2链接上的示例 当用户进入下一张图像时,有没有办法添加某种淡出过渡?作为一名JS技术相当不熟练的开发人员,我可以在lightbox.JS脚本中添加哪些内容来实现图像之间100%的平滑过渡?我无法找到像您建议的那样淡出图像的方法,但我认为这确实有助于避免图像之间

我正在使用Lightbox2:

该插件似乎是以一种在导航到收藏中的新图像时产生“闪光”效果的方式编写的。我认为这是因为旧图像只是消失了,而不是先淡出或与正在淡入的新图像交叉淡入(这将是理想的)

对于此缺陷的演示,只需查看上面Lightbox2链接上的示例


当用户进入下一张图像时,有没有办法添加某种淡出过渡?作为一名JS技术相当不熟练的开发人员,我可以在lightbox.JS脚本中添加哪些内容来实现图像之间100%的平滑过渡?

我无法找到像您建议的那样淡出图像的方法,但我认为这确实有助于避免图像之间的白色闪烁

在第43行和第51行之间的lightbox.css文件中,只需将背景颜色更改为黑色或类似颜色,基本上意味着您将获得黑色闪光而不是白色。如果您仍然希望图像周围有一个白色边框,只需在此处添加一个(您还需要删除第59到61行)。因此,您将得到以下结果:

.lb-outerContainer {
  position: relative;
  background-color: black;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  border: 4px solid white;
}

此外,如果您对淡入速度不满意,请查看lightbox.js文件中的第313行。 特别是在第316行,将(“慢”)更改为数值,例如(800)


我想不出一种方法可以像你建议的那样淡出图像,但我认为这确实有助于避免图像之间的白色闪光

在第43行和第51行之间的lightbox.css文件中,只需将背景颜色更改为黑色或类似颜色,基本上意味着您将获得黑色闪光而不是白色。如果您仍然希望图像周围有一个白色边框,只需在此处添加一个(您还需要删除第59到61行)。因此,您将得到以下结果:

.lb-outerContainer {
  position: relative;
  background-color: black;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  border: 4px solid white;
}

此外,如果您对淡入速度不满意,请查看lightbox.js文件中的第313行。 特别是在第316行,将(“慢”)更改为数值,例如(800)


刚刚意识到这在插件的repo:and上出现过。我不确定开发商希望在哪里进行这些讨论。我假设可能是在github上,因为它更多的是一个功能请求。我刚刚意识到这在插件的repo:and上已经出现过。我不确定开发商希望在哪里进行这些讨论。我假设可能是在github上,因为它更像是一个功能请求。