Skip to main content
Inspiring
February 19, 2015
Answered

Images not visible using a local server with XAMPP

  • February 19, 2015
  • 3 replies
  • 37256 views

HI

I've resurrected an old project which worked in the past.  Since then, Ive upgraded both Windows (8.1) and Dreamweaver (CC)  Today I installed the latest XAMPP and created a folder called xamp2015.  I copied the old project (MySite) to the HTDOCS folder

Now, the site logic is working, BUT, the images are not appearing.

They are stored here C:\xampp2015\htdocs\MySite\Images\Main

My Local Site folder is C:\xampp2015\htdocs\Mysite

Default Images folder is C:\xampp2015\htdocs\MySite\Images\

The images will appear if I move them to c:\xampp2015\htdocs\MySite and update the links, but this would lead to a messy structure, which was not needed previously

Does anyone have any suggestions?

This topic has been closed for replies.
Correct answer Jon Fritz

A straight copy from the old xamp/htdocs folder to the new xamp2015/htdocs one (you may recall, I can access straight from the browser)


Try creating a new sub folder called "bob" and put an image in it, link to it on one of your pages and see if it comes up.

Also, what's that .htaccess file up to in your Images folder?

3 replies

Inspiring
February 19, 2015

Indeed.........

Inspiring
February 19, 2015

Hi

IE 11 and Firefox as browsers, its the same in DW Live view as well

Jon Fritz
Community Expert
February 19, 2015

Could we see the code of one of the pages?

I'm thinking you might have a case structure issue where your folder on your test server is called Images (capital I) and the links are pointing to images (lowercase).

It's best to stick with all lowercase names for that reason. It's easy to goof it up and servers treat Images and images or Picture.jpg and picture.jpg as separate individual locations/files.

Inspiring
February 19, 2015

Hi

Thanks for your message.  I'm confident with folder names as they havn't been changed since it worked,, but I doubled checked after your reply

Heres the code for one image and how it looks in Live view

<div class="header"><a href="#"><img src="Images/Main/MySite Logo.gif" alt="Insert Logo Here" name="Insert_logo" width="720" height="100" id="Insert_logo" style="display: block; margin: auto;" /></a><!-- end .slideshow -->

  </div>

Grabs of the files panel show;