JavaScript AJAX Basics (retiring) AJAX and APIs Displaying the Photos

Dwayne Bynum
Dwayne Bynum
7,942 Points

Images will not fully render on the screen.

All the code runs smoothly and i checked the console for any errors, but i have not found any. Is anyone experiencing this same issue? Additionally does anyone have a possible solution as to why the images only load about 20px before stopping.

Andrii Kodola
Andrii Kodola
Full Stack JavaScript Techdegree Student 16,023 Points

Hi. You should post a code snippet, so someone would be able to figure out the problem.

4 Answers

Can you provide a code snippet?

Dwayne Bynum
Dwayne Bynum
7,942 Points

function displayPhotos(data){ var photohtml = '<ul>';

  $.each(data.items, function(i, photo){
         photohtml +='<li class = "grid-25 tablet-grid-50">';
    photohtml+= `<a href="${photo.link}" class="image">`;
    photohtml+=`<img src="${photo.media.m}" class="image"></a>`;
    photohtml +='</li>'
         });

photohtml +='</ul>';
  $('#photos').html(photohtml);
}
Dwayne Bynum
Dwayne Bynum
7,942 Points

After some digging through my code I found the error on the photoHTML img tag i added a class="image" when that class should only have been on the <a>! thanks for the help.