Skip to main content
Per Berntsen
Community Expert
Per BerntsenCommunity Expert
Community Expert
October 14, 2019
Answered

Images not displaying with Wampserver

  • October 14, 2019
  • 6 replies
  • 2560 views

I've been using Wampserver 2.5 on my Windows 7 computer successfully for years to preview PHP files in browser from Dreamweaver.
I just bought a Windows 10 laptop, and installed Dreamweaver (19.2.1), imported the sites, and installed the latest version of Wampserver, 3.1.9.

Everything works, except that images do not display in Live view (they do display in Design view), or when I preview in browser.

The console in Inspect element in browser lists a 404 for every image, although the image exists, and the path is correct.

It's probably some setting in Wampserver, but I have no idea where to look for it, and can't find anything relevant online.
My understanding of testing servers is very limited, but I can follow directions, if someone know hows to fix this. Thanks.

    This topic has been closed for replies.
    Correct answer Nancy OShea

    Is there an .htaccess file in your local site folder? 

    If yes, rename it to 123.htaccess.

    6 replies

    Per Berntsen
    Community Expert
    Per BerntsenCommunity ExpertAuthor
    Community Expert
    October 15, 2019

    Renaming the .htaccess file worked. Thank you, Nancy!

    I also reinstalled the latest DW, and now it works better, but there are still problems with shortcuts.

    Some work and some don't, and some even disappear from the Keyboard shortcuts dialog after I have assigned them.

    Nancy OShea
    Community Expert
    Nancy OSheaCommunity ExpertCorrect answer
    Community Expert
    October 15, 2019

    Is there an .htaccess file in your local site folder? 

    If yes, rename it to 123.htaccess.

    Nancy O'Shea— Product User & Community Expert
      Per Berntsen
      Community Expert
      Per BerntsenCommunity ExpertAuthor
      Community Expert
      October 14, 2019

      I tried this, and the last two images displayed in Design view. No images displayed in Live view or preview.

      The site folder is located inside the www folder, right next to the site that works.

       

      While I was working with this, Dreamweaver started to act up, and went out of Split view when toggling between Design and Live view. And the shortcut I had assigned for this stopped working. Extremely frustrating when you're using a trackpad.

      Then I reset the preferences, no change. So I uninstalled, and installed 19.1, no change.

      Uninstalled, and installed 18.2.1, which didn't have the interface problems, but now nothing displayed in Live view.

       

      FWIW, version 19.2 works without issues on my Windows 7 desktop.

      Nancy OShea
      Community Expert
      Nancy OSheaCommunity Expert
      Community Expert
      October 14, 2019

      The local site should reside in wamp/www/ folder.

      Try this test document at root level.

       

      <!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Image Test</title>
</head>

<body>
<p>Save to site root as image-test.php</p>

<h2>Absolute Link</h2>
<img src="http://perberntsen.com/_commercial/rjukan-notodden/thumbs/t-rju_2012-04-04_002.jpg" alt="thumbnail">
<hr>
<h2>Document-Relative Link</h2>
<img src="_commercial/rjukan-notodden/thumbs/t-rju_2012-04-04_002.jpg" alt="tumbnail">
<hr>
<h2>Site Root-Relative Link</h2>
<img src="/_commercial/rjukan-notodden/thumbs/t-rju_2012-04-04_002.jpg" alt="thumbnail">
</body>
</html>

       

      Nancy O'Shea— Product User & Community Expert
      Per Berntsen
      Community Expert
      Per BerntsenCommunity ExpertAuthor
      Community Expert
      October 14, 2019

      Hi Nancy,

       

      I have two sites that use PHP pages, and on closer inspection, it turns out that only one of them has this problem.

       

      This site previews without issues:  http://www.tinnmaalet.no/

      Typical path:  <img src="../images/montessori/thumb/montessori-1-3-t.jpg" alt=""/>

       

      This site doesn't display images:  http://perberntsen.com/

      Typical path:  <img src="../generator1/thumbs/t-003-Fosse.jpg" alt="Generator, Fosse power station, 2007" width="150" height="117" />

      Nancy OShea
      Community Expert
      Nancy OSheaCommunity Expert
      Community Expert
      October 14, 2019

      Hi Per,

      What is the exact path to an image?

       

      Nancy O'Shea— Product User & Community Expert
      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices