I can't see any image

I can't see any image
0

#1

Hi all -

I just try to develop Build a Personal Portfolio Webpage task on https://codepen.io/tobto/pen/WELeBE and don’t see any external image nor placeholders. Why?


#2

You need to post your actual codepen link. You only posted the main codepen website link.


#3

thanks for reply! added url


#4

If you check your console (Ctrl+Shft+I in Chrome) you will see two errors.

Mixed Content: The page at ‘https://codepen.io/tobto/pen/WELeBE’ was loaded over HTTPS, but requested an insecure image ‘http://via.placeholder.com/350x150’. This content should also be served over HTTPS.

and

Uncaught Error: Bootstrap’s JavaScript requires jQuery. jQuery must be included before Bootstrap’s JavaScript.at bootstrap.min.js:6

To fix the first one, the url for the image must start with https and not http:

To fix the second one, you will need to add JQuery to your JS external links before adding the Bootstrap 4 link. Bootstrap depends on JQuery, so JQuery must load first.

Once you fix both of the errors by doing what I said, you will see a new error requiring you to add another external library. I will let you figure out that one on your own.


#5

Fixed. Still no images.


#6

Actually, you did not fix the JQuery error I mentioned in the previous post. Check your console, you will see the error. JQuery must be added before the Bootstrap, meaning the order listed in the external links should be:

https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js

then

https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/js/bootstrap.min.js


#7

Ok. Changed.
Thanks!