html 与html5 鼠标点击菜谱显示图片，如何实现？

如果想减少网页大小，实时加载那就只有用js了，

为拉萨等地区用户提供了全套网页设计制作服务，及拉萨网站建设行业解决方案。主营业务为成都做网站、网站设计、外贸营销网站建设、拉萨网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

下面是个例子，实测了的，你可以根据需要进行优化：

!DOCTYPE html

html

head

titlemenu/title

script type="text/javascript"

function chgimg(src)

{

var img=document.getElementById("img");

img.src=src+".jpg";

}

/script

/head

body

div

pimg src="a1.jpg" id="img" //p

pulli onclick="chgimg('a2');"a/lili onclick="chgimg('a3');"b/lili onclick="chgimg('a1');"c/li/ul/p

/div

/body

/html

HTML5插入图片没显示

代码错误：

代码出现细节小错误，把img标签的src属性写成了scr属性。

具体案例：

Tips：开发中图片文件使用的是英文，而不是中午。

html5为何显示不出来图片

这是源代码，拜托大家帮我看看，问题到底在哪里，谢谢，我把图片和HTML5文件放在同一个文件夹了，图片的名字叫1.jpg,不过文件的类型名字叫JPG，大写得，不知道跟这个有没有关系。

html5图片显示不出来

应该是缓存的问题可以适当清理浏览器缓存，其次我觉得你既然加上了背景就没有必要加颜色了，如果真的没作用建议你换一下图片格式做测试 还有就是style里应该加上属性type="text/css" 一下是我的代码请供参考:

style type="text/css"

div{

background: url("easyui/themes/metro-red/images/panel_tools.png");

background-repeat:no-repeat;

width: 100px;

height: 100px;

}

/style

/head

body

div/div

/body

html5设置图片不显示,路径感觉没问题也，求大神给指教一下，谢谢了

应该是图片路径的问题，图片没找到，才会显示这个破碎的图标。

粘下图片路径的代码看看吧。。

你这个图片的路径，可以写相对路径：img src="p1.jpg"

html5有些图片显示有些不显示？

这个情况是图片没有加载

可能情况

1，路径内没有图片

你看一下图片是不是在你放的文件夹内

2，图片名字不对

你看一下是png图片还是jpg图片

名字一定要对

3，建议用你用相对路径，不建议你用绝对路径

你用绝对路径的话

换个电脑就不会显示了

你代码写的没问题

图片不显示

一般都是12出错了

你先试一下

不行了再问我

可以右击页面

找到审查元素

查看那里错误

标题名称：html5显示图片的简单介绍
分享链接：http://hbruida.cn/article/dsecpgo.html