Слайд-шоу Colorbox не отображает PNG изображения - PullRequest
Новая
       27

Слайд-шоу Colorbox не отображает PNG изображения

0 голосов
/ 17 января 2019

У меня есть несколько изображений, которые будут показаны в слайд-шоу Colorbox. Он работает правильно с изображениями .jpg, но никогда не отображает изображения .png. Другими словами, слайд-шоу отображает только изображения .jpg и действует так, как будто изображения .png не существуют. Тем не менее, все эскизы показывают; .jpg и .png. При нажатии на миниатюру .jpg начинается слайд-шоу изображений .jpg. Нажатие на изображение .png открывает изображение в модальном режиме, но не запускает слайд-шоу. Кроме того, только изображения .jpg учитываются в счетчике "x of x" изображений. У меня есть 10 изображений, четыре из которых - .jpg, поэтому во время слайд-шоу показываются изображения «x из 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>

Есть идеи, что я не прав?

...