Pics disappear in mobile browser when loading

manpreet Best Answer 2 years ago

I have a website at jacobtarr.github.io where I post a portfolio of some of my work at jacobtarr.github.io/work. As you can see, I have two slides">slides: one where post some screenshots of an individual project and the other where I post preview thumbnails for other projects. When one clicks on a thumbnail image, the DOM is emptied and is filled with pertinent info about that specific project to which it is associated to. The problem I'm having, which only happens on mobile device browser apparently, is the screenshots for the project in the upper slide don't appear when someone clicks on a thumnbnail image in the lower slide. All of the other stuff appears, but not the screenshot.

This is demonstrated from the photos I took: The first one is a screenshot I took from the Chrome when the browser shrinks to the appropriate screen size. The project screenshots appear fine in this when a user clicks on a thumbnail image in the lower slide. The second one is a screenshot I took from an iOS simulator mimicking the exact same behavior.

What is it I'm doing in my code that does this? If it's any help, I'm using the slick slider plugin. If anyone can help me out here, I would greatly appreciate it. I've posted the necessary functions in the JS below as well.