Member Avatar for cab0902

Okay, I have literally tried everything, I've googled and binged. Recently, I used a script off of dynamicdrive.com because they are great for scrolling scripts. I used the image scroller and it worked fine under my profile on the web page I am helping to design for my web design class, but then, when I get onto a different profile and go to look at the page, the pictures are non existant. Where did they go? Why aren't they showing up? Any help would be very appreciated because I'm stuck.

Thanks, Cassie

  • 3 Contributors
  • 4 Replies
  • 115 Views
  • 1 Day Discussion Span
  • Latest Post Latest Post by almostbob

Dani AI

Generated

A short diagnostic checklist and fixes tailored to the symptoms described (images visible only under one profile, missing elsewhere).

As and noted, filename/URL issues and use of local filesystem paths are common culprits. The next steps rule out which exact problem is occurring and point to the appropriate fix.

Open the browser developer tools (Network panel), reload the page and filter for images. Look for HTTP status codes (404, 403, 200). A quick header check from a terminal also reveals the server response:

curl -I https://example.com/path/to/image.gif

How to interpret results and remediate

  • 404 Not Found: The browser requested a URL the server does not serve. Confirm the image actually lives under the site’s web root and that the src value is an HTTP(S) URL or a correct relative path (not a local drive path). Verify the site’s document root and any base tag that can change relative resolution.
  • 403 Forbidden: Files exist but lack read permission for the webserver. Ensure directory permissions and file permissions allow the webserver to read them (hosting control panels and FTP interfaces usually show this).
  • Local-file or drive-letter paths detected: Files referenced with local filesystem paths (drive letters, backslashes, or file: URLs) will only render for the machine that hosts them. Convert these to web-accessible URLs and upload the files to the site.
  • Mixed-case names or spaces: On many servers (Linux/Apache) filenames are case-sensitive and spaces break URLs. Use simple lowercase names and hyphens/underscores; rename files if needed.

Best practice reminders

  • Keep images inside a known web folder (for example /images/), reference them with forward slashes and relative or absolute HTTP(S) URLs, and verify each image by opening its URL directly in a browser tab. For reference on URL and network inspection basics, see MDN’s guidance on URLs and the Network Monitor (search MDN “What is a URL?” and “Network Monitor”).

Recommended Answers

All 4 Replies

Member Avatar for colweb

I do understand that you have a problem with images not showing up. But that is about it. Any code to show? How do you expect us to give any advice without seeing any code from you?
Did you upload all the images to the right places? Under you own profile it is possible that the images show up because they are still in the browser cache.

Member Avatar for cab0902

I used the code directly from dynamicdrive.com. My code is:
<div class="marquee" id="mycrawler2"><a href="">
<img src="U:\Bertrand Web Page 2009\BHS WEB\high school\michael-speech.gif" /></a> <a href="" target="_blank"><img src="U:\Bertrand Web Page 2009\BHS WEB\high school\sierra-track.gif" /></a> <img src="U:\Bertrand Web Page 2009\BHS WEB\high school\ag-class-edit-4.gif" /> <a href="" target="_blank"><img src="U:\Bertrand Web Page 2009\BHS WEB\high school\candle-nhs.gif" /></a> <a href="" target="_blank"> <img src="U:\Bertrand Web Page 2009\BHS WEB\high school\golfteam10.gif" border="0" /></a>

Yes, I uploaded them to the right place, I've uploaded everything there. I've also tried changing the U:\ to http:// but that didn't work either. I've also tried taking the pictures out of the folder and putting them in the same spot as the web page. I'm lost.

Member Avatar for colweb

I used the code directly from dynamicdrive.com. My code is:
<div class="marquee" id="mycrawler2"><a href="">
<img src="U:\Bertrand Web Page 2009\BHS WEB\high school\michael-speech.gif" /></a> <a href="" target="_blank"><img src="U:\Bertrand Web Page 2009\BHS WEB\high school\sierra-track.gif" /></a> <img src="U:\Bertrand Web Page 2009\BHS WEB\high school\ag-class-edit-4.gif" /> <a href="" target="_blank"><img src="U:\Bertrand Web Page 2009\BHS WEB\high school\candle-nhs.gif" /></a> <a href="" target="_blank"> <img src="U:\Bertrand Web Page 2009\BHS WEB\high school\golfteam10.gif" border="0" /></a>

Yes, I uploaded them to the right place, I've uploaded everything there. I've also tried changing the U:\ to http:// but that didn't work either. I've also tried taking the pictures out of the folder and putting them in the same spot as the web page. I'm lost.

Maybe you could place your code between the code tags in the future (that makes it more readable).

Is the site hosted on a windows server? Or is the above code coming from your development computer that runs on windows?

Anyway, there are a things you can change to try to make it work. Change all file names to lowercase and remove all spaces The first href will then look like this: "" and the first image like this: "". Most browsers I know, don't like spaces in the url. And references to images are url's also.

You can always do this test to see if images will display in a browser by going to another computer with internet connection and type the complete url (with the file name included) in the address part of the browser. If the url is correct, the image will appear.

Member Avatar for almostbob

the image urls are all wrong, some of the spaces are encoded as %20 some are not, on an apache server h is not equal to H, so mixed case filenames are confusing
a url must include a protocol
if a local file, it begins with file: file://localhost/C:/image.jpg and nobody but your login will ever see it
note the difference in slashes between the above and your U:\Bertrand Web Page 2009\BHS WEB\high school\michael-speech.gif which will cause the server to have a small fit

if a 'remote' file the hypertext transfer protocol has no real relationship to the file structure, the html root can be anywhere in the disk file tree, different for each user, and the file may be http://localhost/image.jpg if the root for each user is set to their own folder
Somewhere (usually buried DEEP) in course notes will be a list including base hrefs, at least there should be
for some sites I maintain userfiles can be accessed directly as
http:// ..... ~[user].sitename.com/filename users.sitename.com/[user]/filename www.sitename.com/users/[user]/filename www.sitename.com/~[user]/filename
there is only one copy of the file and apache sorts out the reference,
the risk of confusion is large and quite a few have deleted the 'extra copy' of the file the uploaded, because it was there twice :)

Edited by almostbob because: n/a
Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.