This forum is now read-only. Please use our new forums at discuss.codecademy.com.

Make a Website: Bootstrap Forum

View Course » View Exercise

287 points
52c9350d378dd7fac7946c316dde8a44?s=140&d=retro
Submitted by
daleswirsky
over 2 years ago

What is meant by "large image" . Image is cut-off in full screen mode

Four Qs:

  1. What exactly is meant by "large image"? Is it a set # of pixels?
  2. I've tried numerous URLs of pics I like from Google images and they do now show up in the viewer. They all have very long URLs----3-4 lines or more. Why are they not showing in the URL?
  3. I do have some pics which do show in full in the partial view, but are cut off when viewed full screen. What can be done so the full pic is visible in both partial and full screen?
  4. I have yet to find a pic in Google images which has a URL similar in format to the URLs used in the codeacadmey demos---which all seem to have URL's starting with goo.gl/.... Where does one find these wonderfully working Google Image URLs?

1 vote

permalink

  1. Not necessarily a set number but a large number. For instance http://s3.amazonaws.com/codecademy-content/courses/ltp/img/lodging.png is 1278px by 500px.
  2. Do your URLs end in .jpg or .png or .gif? If not they might not be image files but just web pages. If you show me one I can have a look.
  3. Try a CSS rule like background-size: cover. You can read more about background properties here: https://developer.mozilla.org/en-US/docs/Web/CSS/background-size and here: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Scaling_background_images
  4. Those URLs have been processed with Google's URL Shortener, read more here: https://support.google.com/websearch/answer/190768?hl=en and here: https://goo.gl/

3691 points
55df2afa95e3787b9200005e_359368177
Submitted by
Judy
over 2 years ago