html5显示图片的简单介绍

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

相关问答

Q1: HTML5插入图片没显示

代码错误：

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

具体案例：

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

Q2: html5为何显示不出来图片

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

Q3: 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

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

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

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

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

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

这个情况是图片没有加载

可能情况

1，路径内没有图片

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

2，图片名字不对

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

名字一定要对

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

你用绝对路径的话

换个电脑就不会显示了

你代码写的没问题

图片不显示

一般都是12出错了

你先试一下

不行了再问我

可以右击页面

找到审查元素

查看那里错误