Hkhan Hkhan - 23 days ago 15
CSS Question

Github pages not showing images inside my div

I created a new repo and uploaded all the files but the images in my div id="Container" inside my index files are not showing up. https://github.com/hkhan194/tres-chic/tree/gh-pages

I looked into all other questions regarding this matter and tried them but still no image showing.

Answer

@Hkhan I have tried the link in IE and Google Chrome,

In IE:

Your website is working fine, the images are getting displayed.

In Google Chrome:

The images are not getting displayed and when i checked the console ,I am getting this error

Error: Mixed Content: The page at 'https://hkhan194.github.io/tres-chic/' was loaded over HTTPS, but requested an insecure script 'http://cdn.jsdelivr.net/jquery.mixitup/latest/jquery.mixitup.min.js'. This request has been blocked; the content must be served over HTTPS.

Solution:

  • It seems that Google chrome is not allowing acceptance of the script from the url you have mentioned for the JS.
  • So the "mixItUp is not a function" error is getting thrown since the mixItUp function is from the former JS file.
  • So you could save that javascript file as "jquery.mixitup.min.js" in your github in a specific path and then include the javascript in the tag in your index file as shown below,

<script src="Your path/jquery.mixitup.min.js"></script>

Comments