Dreamweaver Preview - missing images

[murphyz]

I have recently updated to Dreamweaver MX and find a few problems with viewing images in my preview.

When I preview a page from Dreamweaver it shows fine with the pictures (with the exception of pages with a 'random image' javascript in it). However, whenever I follow links it takes me to the right page but the images are missing.

I assume everything will be fine when I upload the site, but it's still annoying as I am in the development stage and also as some links are actually through image maps.

Any idea why this is happening (perhaps the links are sending me to cached pages instead of the actual pages) and how I can make it so images are viewable when previewing?

Thanks again

Mxx

[ionsurge]

I have no idea what you have done, but while someone else who does know posts the answer, open the index.html file in your browser, or what have you, and save the page in dreamweaver, and refresh the page in your browser.


Ionsurge.

[murphyz]

I've no idea what's happened either.

I am working from a folder on the desktop and when I preview the index page the url is shown as
C:\WINDOWS\Desktop\www.murphyz.co.uk\TMP97j9r635qb.htm
instead of
C:\WINDOWS\Desktop\www.murphyz.co.uk\index.htm

If I dismiss dreamweaver altogether and browse for the file through IE it has the right URL but the pictures still don't work!

grrr

Mxx

[JustAsking]

OK! Dreamweaver can sometimes be a pain in the butt, agree...

Anyway, I'm not exactly sure what the problem is but what I suggest you do is check the code in dreamweaver where you have your images. Sometimes if you insert an image using dreamweaver it causes an error in the absolute address to link to the image.

(e.g. file:///C|\WINDOWS\Desktop\www.murphyz.co.uk\images\image1.gif)

See where I have bolded, dreamweaver sometimes replaces the colon sign : with a more | sign, and this causes the image to not been displayed outside of dreamweaver. Check to see whether that | (more) sign is used, if so open file using notepad or something and change it to a colon.

Hope that fixes the problem.

If you are using a relative address to link to images, then I'm stumped. e.g. <img src="../images/image1.gif">

I am working from a folder on the desktop and when I preview the index page the url is shown as
C:\WINDOWS\Desktop\www.murphyz.co.uk\TMP97j9r635qb.htm

As for this, that's just the name of the temporary file dreamweaver assigns it when you preview the page through dreamweaver (F12). That's why when you open the page in IE it shows the correct address (index.htm).

[murphyz]

It seems that images are working from a 'root site' so only the preview is available in the browser. This means DW is just using paths such as /images/egypt/pyramid.jpg when inputting the code instead of ../../../images/egypt/pyramid.jpg

Not sure why it's doing this as it never has previously, although I re-defined my site this weekend so perhaps there was an option I highlighted when setting it up.

As long as it works when uploaded that's all that really matters, although I would prefer to preview it first.

DW Answers suggests setting up a local server - any ideas on this?

I used to have DNS2GO but it's now cancelled and deleted from my machine - could this be a reason why it's now different?

Mxx

[scruffus]

because i have run into this exact same problem, and i am hoping i will have better luck than the original poster. i recently bought a pc with mx on it, and am in the process of building my first website, my own, and learning as i go. the problem was explained pretty well by murphyz but the main thing is that the images are there if i preview the page directly, but not if i link to it from its source page in preview. i am afraid of putting any more work into it only to find that its defunct when i publish it. any body have any ideas?

[scruffus]

just found the answer on another forum. i here copy in the answer for any future searchers:

Remove the first backslash from the file path if you have images in subfolders.

So

img src="/taco/layout/headerleft.gif"

becomes

img src="taco/layout/headerleft.gif"

This is one of DW's quirks and something that really bugs me too

YAY!

[gurlzcode2]

THANK YOU!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

I recently took on maintenance of an absolutely awful web page. One thing led to another and I gradually started to build one... VERY gradually.

Now that it's almost done, I decided to organize everything into the proper folders, including placing my images and css in their respective folders.

Needless to say, when I opened in Dreamweaver it was a mess, as I expected. I spent an entire night (tonight) adding /img/ and /cssfiles/ to the appropriate code. I ended up creating a whole new page and just copying and pasting the css files because for the LIFE of me I couldn't figure what I was doing wrong. Well that fixed the CSS, but the images were nowhere to be found outside of Dreamweaver!!!

If it wasn't for this thread, I would still be sitting her, eyes glazed over, and properly twitching... not knowing to just remove one bloody slash!

BLESS YOU!