Slider Image
Why Im having an issue with the images not displaying correctly in the slider

30 Replies
What's the generated HTML look like?
Not what I asked for
wym
The final, complete, generated, filled with data HTML that the browser gets
Not the template code

The HTML code
this is the PetViewModel
Not a screenshot
actually its Details.cshtml
the code that i sent
earlier
The GENERATED code
Not the SOURCE code
The browser does not receive the
.cshtml
template
The browser receives the final, complete, generated HTML code
I want that
Not a screenshot
Not the template
The HTML
Right-click the page in the browser and view page sourcedo you mean
inspect

this one ?
Yes
But the fragment that causes issues
yeah wait
there is an error
<li class=""
role="presentation">
<img class="img-fluid"
src="/images/pets/dog2_2.jpg"
alt="Pet Image">
<p>dog2_2.jpg</p>
</li>
That's the image that does not show?
yea its not showing
i have a folder inside of wwwroot
images/pets
then i save the pet photos inside that folder
Well, does the file
dog2_2.jpg
exists in the folder wwwroot/images/pets
?yes

Open the devtools, the network panel, reload the page
See what images the browser tries to fetch and where from
See the status codes
there are 2 same files one is working the other not:



2_1
comes from the cache
There should be a checkbox in the network panel to disable cache
Enable it and reload again
See if the image still loadsi disabled the cache
still same


You're... loading those images with jQuery?
That's what the second screenshot tells me
If so, then I'd say that's where the issue is