Блог

Я посещал онлайн — курсы в Udemy и боролся с уроком слайдера изображений. Я выполнил все шаги, чтобы сделать базовый слайдер. Урок заставил меня сделать так, чтобы мой баннер был переполнен:скрыт, а затем заставил меня перейти к циклу jquery 2, чтобы скопировать ссылки на скрипт, и я это сделал. Затем я поместил свой класс как «цикл баннеров-слайд-шоу», как и было указано на уроке. Однако это не сделало мой слайдер изображения функциональным. Он остается только на первом изображении. Какая-нибудь помощь? Вот мои коды

 lt;!DOCTYPE htmlgt; lt;htmlgt; lt;headgt; lt;meta charset="UTF-8"gt; lt;meta http-equiv="X-UA-Compatible" content="IE=edge"gt; lt;meta name="viewport" content="width=, initial-scale=1.0"gt; lt;titlegt;Documentlt;/titlegt; lt;link rel="stylesheet" href="/Users/owner/Desktop/HTML/css/style6.css"gt; lt;/headgt; lt;bodygt; lt;div class="container"gt; lt;headergt;  lt;div class=leftgt;  lt;a href="/Users/owner/Desktop/HTML/pages/page-6.html"gt;  lt;img src="" height="100" width="200" alt="logo"gt;lt;/agt;  lt;/divgt;  lt;div class="right"gt;  lt;formgt;   lt;input type="search" placeholder="Search..."gt;  lt;input type="submit" value="gt;"gt;  lt;/formgt;  lt;/divgt;  lt;divgt;    lt;/divgt;  lt;nav class="main-menu"gt;  lt;ulgt;  lt;ligt;lt;a href="#"gt;Homelt;/agt;lt;/ligt;  lt;ligt;lt;a href="#"gt;Aboutlt;/agt;lt;/ligt;  lt;ligt;lt;a href="#"gt;Ways to helplt;/agt;  lt;ul class="drop"gt;  lt;ligt;lt;a href="https://homeguides.sfgate.com/ecofriendly-mean-   78718.html" target="_blank"gt;Option 1lt;/agt;lt;/ligt;  lt;ligt;lt;a href="https://www.wheelsforwishes.org/news/live-a-more-   eco-friendly-lifestyle/" target="_blank"gt;Option 2lt;/agt;lt;/ligt;  lt;ligt;lt;a href="https://money.usnews.com/money/blogs/my-   money/slideshows/ways-to-live-green-on-a-budget" target="_blank"gt;Option 3lt;/agt;   lt;/ligt;  lt;/ulgt;  lt;/ligt;  lt;ligt;lt;a href="#"gt;Tell a friend!lt;/agt;lt;/ligt;  lt;ligt;lt;a href="#"gt;Contactlt;/agt;lt;/ligt;  lt;/ulgt;  lt;/navgt;  lt;/headergt;  lt;section class="banner cycle-slideshow"gt;  lt;img src="" alt="Banner 1"gt;   lt;img src="" alt="Banner 2"gt;  lt;/sectiongt;  lt;sectiongt;  lt;articlegt;  lt;main class="push"gt;  lt;h1 style="color: green;"gt;GO GREENlt;/h1gt;  lt;pgt;Save the planet by going green. Be eco friendly!   Eco-friendly items and materials are defined as being   not environmentally harmful. These products promote green   living or green manufacturing methods that lessen the amount   or types of resources used. In short, eco-friendly products   help the earth, not cause it harm.lt;/pgt;  lt;/maingt;  lt;/articlegt;  lt;/sectiongt;     lt;aside class=betagt;  lt;divgt;  lt;h3gt;Widgetlt;/h3gt;  lt;ulgt;  lt;ligt;lt;a href="#"gt;2019lt;/agt;lt;/ligt;  lt;ligt;lt;a href="#"gt;2020lt;/ligt;  lt;ligt;lt;a href="#"gt;2021lt;/agt;lt;/ligt;  lt;/ulgt;  lt;/divgt;  lt;/asidegt;  lt;hrgt;   lt;footergt;  lt;div class="easy"gt;  lt;h3gt;Footer Menult;/h3gt;  lt;ulgt;  lt;ligt;lt;a href="#"gt;Homelt;/agt;lt;/ligt;  lt;ligt;lt;a href="#"gt;Aboutlt;/agt;lt;/ligt;  lt;ligt;lt;a href="#"gt;Serviceslt;/agt;lt;/ligt;  lt;/ulgt;  lt;/divgt;   lt;div class="easy"gt;  lt;h3gt;Footer Menult;/h3gt;  lt;ulgt;  lt;ligt;lt;a href="#"gt;Homelt;/agt;lt;/ligt;  lt;ligt;lt;a href="#"gt;Aboutlt;/agt;lt;/ligt;  lt;ligt;lt;a href="#"gt;Serviceslt;/agt;lt;/ligt;  lt;/ulgt;  lt;/divgt;   lt;div class="easy"gt;  lt;h3gt;Footer Menult;/h3gt;  lt;ulgt;  lt;ligt;lt;a href="#"gt;Homelt;/agt;lt;/ligt;  lt;ligt;lt;a href="#"gt;Aboutlt;/agt;lt;/ligt;  lt;ligt;lt;a href="#"gt;Serviceslt;/agt;lt;/ligt;  lt;/ulgt;  lt;/divgt;   lt;div class="final"gt;  lt;addressgt;  Written by lt;a href="mailto:raymondhernandez_4@msn.com"gt;Raymond  Hernandezlt;/agt;lt;brgt;  Visit us at:lt;brgt;  lt;a href="#".comgt;#.comlt;/agt;lt;brgt;  100, Someplace, Somewhere far. 3495lt;brgt;  USA  lt;/addressgt;  lt;/divgt;  lt;/footergt;  lt;div class="final"gt;  lt;pgt;lt;smallgt;Copyright amp;copy; 2021. All rights reserved.lt;/smallgt;lt;/pgt;  lt;/divgt;   lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"gt;lt;/scriptgt;  lt;script src="http://malsup.github.com/jquery.cycle2.js"gt;lt;/scriptgt; lt;/bodygt; lt;/htmlgt;      

URL-адрес CDN, на который вы ссылаетесь для Cycle2, неверен.

Файл, на который вы ссылаетесь, является удаленным файлом, поэтому вы можете получить его вместо этого из Cloudfare:

 lt;script src="http://cdnjs.cloudflare.com/ajax/libs/jquery.cycle2/2.1.6/jquery.cycle2.min.js"gt;lt;/scriptgt;