Question

我在配色盒幻灯片中显示了许多图像。它可以与.jpg图像一起正常使用，但从不显示.png图像。换句话说，幻灯片仅显示.jpg图像，并且表现为.png图像不存在。但是，所有缩略图都会显示出来。 .jpg和.png。单击.jpg缩略图开始幻灯片播放.jpg图像。单击.png图像可在模态中打开图像，但不会启动幻灯片放映。同样，在计数器“ x of x”图像中仅计数.jpg图像。我有10个图像，其中四个是.jpg，因此在幻灯片放映期间显示的是“ x of 4”图像。为什么不能使用.png文件？这是我的代码：

//Settings for lightbox gallery
var cbSettings = {
  rel: 'cboxElement',
        slideshowAuto:true,
        slideshow:true,
        slideshowStart:"resume slideshow",
        slideshowStop:"pause slideshow",
        transition:"fade",
        innerWidth:"90%",
        maxHeight:"90%",
        maxWidth:"100%",
        minWidth:"95%",
        slideshowSpeed:4000,
        preloading:true,
  title: function() {
    return $(this).find('img').attr('alt');
  }
    };


$('a.gallery').colorbox(cbSettings);

$(window).on('resize', function() {
    $.colorbox.resize({
    width: window.innerWidth > parseInt(cbSettings.maxWidth) ? cbSettings.maxWidth : cbSettings.width
  });
});

我什至尝试了以下初始化字符串：

$('a.gallery[href$=".jpg"], a.gallery[href$=".jpeg"], a.gallery[href$=".png"], a.gallery[href$=".gif"]').colorbox(cbSettings);

但无济于事。

这是我的标记：

<div class="column column-block">
    <a class="gallery" rel="gallery" href="<?php echo $image['url']; ?>">
      <img src="<?php echo $image['sizes']['thumb-large']; ?>" alt="<?php echo $image['alt']; ?>" />
    </a>
</div>

关于我错了的任何想法吗？

Colorbox幻灯片不显示png图像

0 个答案: