Hkhan Hkhan - 1 year ago 115
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.

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

Answer Source

@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 '' was loaded over HTTPS, but requested an insecure script ''. This request has been blocked; the content must be served over HTTPS.


  • 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>

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download