Wordpress 单图像灯箱画廊

Wordpress single image lightbox gallery

我正在尝试在 Wordpress 中创建灯箱画廊。我想将画廊显示为单个图像。当用户点击图片时,灯箱会打开,您可以在图库中导航(左右)。

我尝试了很多插件,但其中 none 为我提供了将图库显示为单个图像的选项。我可以编写代码,但我想知道是否有适用于我上面描述的一种画廊的插件(以便更轻松地添加未来的画廊)。

如果您知道任何其他解决方案,请告诉我。非常感谢。

你应该看看 Owl 旋转木马! 最好与高级自定义字段一起使用

也许你可以从中得到一些启发: http://www.internetkultur.at/simple-slider-advanced-custom-fields-owl-carousel/

我最近用原生 WordPress 画廊做了类似的事情,有点 CSS,还有我已经在网站上使用的灯箱插件:dFactory 的 Responsive Lightbox.

即使您隐藏了除第一张幻灯片以外的所有内容,该插件也会在灯箱中显示您的整个画廊。如果您不希望这影响您的所有画廊,请创建一个具有不同 ID 的备用页面模板,或者在文本编辑器中将 gallery/galleries 括在 div 中。这是 CSS:

#your-content .gallery .gallery-item {display:none;}
#your-content .gallery .gallery-item:first-child {display:block;}

我用它制作了一组专辑,其中第一张图片作为专辑封面。下面的这一点为我提供了六张带有说明文字的图片,您可以在其中单击单张图片并获得每张图片的完整图库。

#your-content .gallery {
  width:14.6%;
  float:left;
  clear:none;
  position:relative;
  margin:1%;
  padding:0;
  }