Answered
Images not showing in IE7
I am having problems displaying images in Internet Explorer 7
(IE7). This code works when I click on the ‘Server
debug’ button in Dreamweaver 8/ Coldfusion MX 7.0.2 using the
default web browser IE7, but when I run the program code using
‘Preview in IExplorer 7.0’ the images in the body of
the code do not display.
Background: My system was written in Dreamweaver MX 2004 using the Coldfusion MX 6 that came with the product and using the Windows XP default web browser Internet Explorer 6. Earlier this year my system was upgraded to Internet Explorer 7 which, I believe, requires me to use ‘strict’ protocol. To comply and keep my system up to date I bought Dreamweaver 8 and started using the Coldfusion MX 7 that came with the product, then I upgraded to Coldfusion MX 7.0.2. I have just started converting some of my code when I noticed the problem with ‘Server debug’ behaving differently to ‘Preview in IExplorer 7.0’.
I have gone into Coldfusion Administrator / Sandbox Security / Defined Directory Permissions / Secured Files and Directories and created an entry for directory “C:\-” with read, write, execute and delete permission in the hope that it would shed some light on the problem but the problem still exists.
I have created a little program (detailed below) that illustrates my problem. In ‘Server debug’ everything works. There is a repeating background image (Fashion.gif), the ‘aaa’ displays, and underneath that the ‘Ximage’ picture displays with 3 pixel border and with the alt text ‘x’, and underneath that the ‘Yimage’ displays with the 5 pixel border and with the alt text ‘y’. In ‘Preview in IExplorer 7.0’ the repeating background image (Fashion.gif) displays, and the ‘aaa’ displays, and underneath that, within the 3 pixel border, there is a small box with the triangle, square and circle with the alt text ‘x’, and underneath that, within the five pixel border, there is a small box with a red ‘x’ with the alt text ‘y’.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript">
function SetBackgroundImage() {
document.documentElement.style.backgroundImage = "url(C:/Fashion.gif)";
document.getElementById("Yimage").src = "C:/CFusionMX7/wwwroot/MyAppl/Images/MontageSelectedItems.jpg";
}
</script>
</head>
<body onload="SetBackgroundImage()">
aaa
<br />
<img border="3" id="Ximage" alt="x" src="C:/Fashion.gif" />
<br />
<img border="5" id="Yimage" alt="y" src="" />
</body>
</html>
I have exhausted all avenues of attack on this problem. Can someone please help me!?
Background: My system was written in Dreamweaver MX 2004 using the Coldfusion MX 6 that came with the product and using the Windows XP default web browser Internet Explorer 6. Earlier this year my system was upgraded to Internet Explorer 7 which, I believe, requires me to use ‘strict’ protocol. To comply and keep my system up to date I bought Dreamweaver 8 and started using the Coldfusion MX 7 that came with the product, then I upgraded to Coldfusion MX 7.0.2. I have just started converting some of my code when I noticed the problem with ‘Server debug’ behaving differently to ‘Preview in IExplorer 7.0’.
I have gone into Coldfusion Administrator / Sandbox Security / Defined Directory Permissions / Secured Files and Directories and created an entry for directory “C:\-” with read, write, execute and delete permission in the hope that it would shed some light on the problem but the problem still exists.
I have created a little program (detailed below) that illustrates my problem. In ‘Server debug’ everything works. There is a repeating background image (Fashion.gif), the ‘aaa’ displays, and underneath that the ‘Ximage’ picture displays with 3 pixel border and with the alt text ‘x’, and underneath that the ‘Yimage’ displays with the 5 pixel border and with the alt text ‘y’. In ‘Preview in IExplorer 7.0’ the repeating background image (Fashion.gif) displays, and the ‘aaa’ displays, and underneath that, within the 3 pixel border, there is a small box with the triangle, square and circle with the alt text ‘x’, and underneath that, within the five pixel border, there is a small box with a red ‘x’ with the alt text ‘y’.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script type="text/javascript">
function SetBackgroundImage() {
document.documentElement.style.backgroundImage = "url(C:/Fashion.gif)";
document.getElementById("Yimage").src = "C:/CFusionMX7/wwwroot/MyAppl/Images/MontageSelectedItems.jpg";
}
</script>
</head>
<body onload="SetBackgroundImage()">
aaa
<br />
<img border="3" id="Ximage" alt="x" src="C:/Fashion.gif" />
<br />
<img border="5" id="Yimage" alt="y" src="" />
</body>
</html>
I have exhausted all avenues of attack on this problem. Can someone please help me!?
AdChoices