できる限り早めのご回答お願いします。 bxSliderを用いたwebページ作りという課題が出されています。 スライドショーの画像スライドせず、縦に画像が並んでしまうだけなのですがどうすればいいでしょうか。htmlは以下の通りです。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>Welcome to Dubai</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="jquery.bxslider.css" rel="stylesheet" /> <link href="style.css" rel="stylesheet" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="jquery.bxslider.min.js"></script> <script src="js/main.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".bxslider").bxSlider({ ticker: true, minSlides: 2, maxSlides: 4, slideWidth: 400, slideMargin: 5, captions: true, infiniteLoop: true, pager: true, controls: true, mode:'fade', speed: 10000, adaptiveHeight: true, auto: true, }); }); </script> </head> <body> <ul class=".bxslider"> <li><img src="images/1.jpg" alt="1"></li> <li><img src="images/2.jpg" alt="2"></li> <li><img src="images/3.jpg" alt="3"></li> <li><img src="images/1.jpg" alt="1"></li> <li><img src="images/2.jpg" alt="2"></li> <li><img src="images/3.jpg" alt="3"></li> </ul> </body>
HTML、CSS
