Jquery Cycle2 не будет производить слайд-шоу - PullRequest
Новая
       21

Jquery Cycle2 не будет производить слайд-шоу

0 голосов
/ 20 апреля 2020

Я пытаюсь реализовать плагин cycle2 с jquery на странице HTML. Я использовал сайт http://jquery.malsup.com/cycle2 в качестве руководства. Я скачал (скопировал) файл jquery .cycle2. js Я разместил его на сервере на сервере в расположении public_html / cycle2 / jquery .cycle2. js
В разделе заголовка моей HTML страницы я добавил строки: 

<!-- include jQuery library -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<!-- include Cycle2 -->
<script src="cycle2/jquery.cycle2.js"></script>

Затем в ТЕЛО страницы HTML, которое я добавил: 

<div class="cycle-slideshow">
    <img src="cycle_images/image1.jpg" alt="Image1"/>
    <img src="cycle_images/image2.jpg" alt="Image2"/>
    <img src="cycle_images/image3.jpg" alt="Image3"/>
</div>

В руководстве не приведен пример типа css для класса "цикл-слайд-шоу". Вместо этого он говорит, что при использовании этого класса в теге DIV он автоматически активирует слайд-шоу.
Похоже, что это не активирует слайд-шоу. Вместо этого он выкладывает изображения в три ряда, один за другим.
Есть идеи, что я делаю неправильно, чтобы активировать слайд-шоу cycle2?

1 Ответ

0 голосов
/ 21 апреля 2020

Проблема была с HTTP: // в строке сервера. Поскольку документация Cycle2 была опубликована, сервер GOOGLEAPIS должен получить сертификат, что делает его HTTPS. Несоответствие между HTTP и HTTPS вызвало сбой плагина. Рабочий код теперь выглядит так: 

<!-- include jQuery library -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<!-- include Cycle2 -->
<script src="cycle2/jquery.cycle2.js"></script>

Мне кажется, что безопаснее удалить «HTTP» или «HTTPS» и просто быть строкой сервера с «//".

...