Why aren't the images displayed?

enter image description here

<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <link href="slider/css/jquery.bxslider.css" rel="stylesheet" /> <style> *{ margin:0; padding:0; list-style:none; text-decoration: none; } .mainSlider{ width:800px; margin:auto; } .bxslider img{ position:relative; max-width:100%; } </style> </head> <body> <section class="mainSlider"> <ul class="bxslider"> <li><img src="slider/images/pic.jpg" alt="pic"/></li> <li><img src="slider/images/pic2.jpg" alt="pic1"/></li> <li><img src="slider/images/pic3.jpg" alt="pic3"/></li> </ul> </section> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> <script src="slider/js/jquery.bxslider.js"></script> <script type="text/javascript"> $('.bxslider').bxSlider({ auto: true, autoControls: true }); </script> </body> </html>

I inserted js into the head and after the body but after reloading the page it appears momentarily and the preloader always works and the minuses do not help the case. The path to the images seems to be correct - I almost broke my head already! The error has changed: screen

enter image description here

  • And what does the console write? And what instead of pictures? squares broken or what? - Alexey Shimansky
  • err-file-not-found - but it was written even then when this plugin worked, I don’t know what to think, applied it a million times and everything was fine - user33274
  • How is the file not found? more specifically. error, string, what exactly is written, if the string is where and pr ..... does the slider work with this version of jquery? - Alexey Shimansky
  • Perhaps I am mistaken, but put a slash before "slider" to "/slider/images/pic3.jpg" - Broouzer King
  • 2
    Most likely the problem is in the jquery version. Deliver 2.0 (well, or 2.1.1) or 1.8 as in the docks example it is written - Alexey Shimansky

1 answer 1

Using different plugins based on jquery in case they refuse to function, although everything works on demos: you should try several different versions of jquery . Perhaps the plugin does not work on the version on which you expect.

It is clear that many are chasing new products and installing new versions, but not all plugins have time (or, in principle, have the opportunity) to alter the new versions of jquery .

In general, this very bxSlider does not work with jquery version 3.1.0 or even 3.0.0. But, judging by the points in the description , it works with 1.8 and like with 2.0

As a result, you need to put jquery exactly one of these versions. Unless of course you have the whole project is not tied to a different version)) In this case, you will have to solve this problem too. But more about that in the next series ...%)