title: jquery slider fancy box shows hover arrows. but copy on my site lacks arrows when hovering
body: <p>On my website I am trying a few jquery sliders. I go and find a nice slider example on jqueryscript.net, copy it but often they do not work and I really do not understand why. 
  If you can point me toward a solution that would be great.
  Also if you think there are much better ways than jquery,please let me know.</p>
  
  <p>Now here is a good example:
  Jquery fancy box demo is here: <a href="https://www.jqueryscript.net/demo/Responsive-jQuery-Lightbox-With-Amazing-CSS3-Effects-Fancy-Box-2/demo/" rel="nofollow noreferrer">https://www.jqueryscript.net/demo/Responsive-jQuery-Lightbox-With-Amazing-CSS3-Effects-Fancy-Box-2/demo/</a></p>
  
  <p>When you click on an image of the " simple image gallery" the lightbox that opens has arrows when you hover over it. </p>
  
  <p>I have copied this demo to my website here: <a href="https://www.hanscees.com/slider/fancy2/fancy2.html" rel="nofollow noreferrer">https://www.hanscees.com/slider/fancy2/fancy2.html</a>
  If you do the same here, there are no arrows.</p>
  
  <p>My firefox/webdeveloper tools / console shows no errors. </p>
  
  <p>Why are the arrows not showing up?
  I have made sure all css and js are in folders and subfolders like in the original html source.</p>
  
  <p>Here is the firefox console
  <a href="https://i.stack.imgur.com/xIo8y.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xIo8y.png" alt="enter image description here"></a>
  (no errors.)</p>
  
  <p>But chrome console does show the culprit<a href="https://i.stack.imgur.com/Rz8dL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Rz8dL.png" alt="enter image description here"></a></p>
  
  <p>So missing images...... (how embarrasing)</p>