Search code examples
htmlcssgithubgithub-pages

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.

Solution

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